ProviderProps

The Provider component is part of React's Context API. It enables passing data through the component tree without manually passing props at every level.

Usage

To import and use the Provider component in your application, use the following code snippet:

import { Provider } from '@syncfusion/react-base';
import { Button } from '@syncfusion/react-buttons';

<Provider locale={'en-US'} currency={'USD'} dir={'ltr'} ripple={false}>
  <Button>Submit</Button>
</Provider>

import { Provider } from '@syncfusion/react-base';
import { Button } from '@syncfusion/react-buttons';

<Provider locale={'en-US'} currency={'USD'} dir={'ltr'} ripple={false}>
  <Button>Submit</Button>
</Provider>

Props

The following table outlines the props for the Provider component:

Name	Type	Default	Description
animate	boolean	true	Enables or disables the animation effect for the component.
children	node	-	Components that will have access to the provided context value.
currencyCode	string	'USD'	Specifies the currency code for the component.
dir	string	'ltr'	Specifies the text direction of the component. Use 'ltr' for left-to-right or 'rtl' for right-to-left.
locale	string	'en-US'	Specifies the locale for the component.
ripple	boolean	false	Enables or disables the ripple effect for the component.