@rmwc/provider NPM | npm.io

14.2.2 • Published 3 days ago

Install

Weekly downloads

13,435

License

MIT

Repository

Last release

3 days ago

Provider

A component that provides global configuration for RMWC.

Module @rmwc/provider

You can wrap your top level App component with RMWC provider to set global configuration options. Just pass the options in as props.

  `
  import React from 'react';
  import * as ReactDOM from 'react-dom';
  import App from './App'; // your main app component
  import { RMWCProvider } from '@rmwc/provider';

  // This example disables ripples globally by default
  ReactDOM.render(
    <RMWCProvider
      // Globally disable ripples
      ripple={false}
      // Global options for icons
      // Takes the same options as the icon component
      icon={{
        basename: 'material-icons'
      }}
      // Global options for typography
      // allows mapping of a defaultTag or specific classes
      // See the Typography docs for more info
      typography={{
        defaultTag: 'div',
        headline1: 'h1'
      }}
      // Global options for tooltips
      // Takes most of the options for tooltips
      // See the Tooltip docs for more info
      tooltip={{
        align: 'right'
      }}
    >
      <App />
    </RMWCProvider>,
    document.getElementById('root'),
  );
`

<RMWCProvider ripple={false}>
  <Button>Click me</Button>
</RMWCProvider>

<RMWCProvider ripple={true}>
  <Button>Click me</Button>
</RMWCProvider>

RMWCProvider

A provider for setting global options in RMWC.

Props

Name	Type	Description
`children`	`ReactNode`	Children to render
`icon`	`Partial<IconOptions>`	Global options for icons
`ripple`	`boolean`	Enable / Disable interaction ripples globally
`tooltip`	`Partial<TooltipOptions>`	Global tooltip options
`typography`	`Partial<TypographyOptions>`	Global typography options

@rmwc/base @rmwc/types

@everything-registry/sub-chunk-784 tutorbook ui-react-material @rmwc/icon @rmwc/list @rmwc/fab @rmwc/rc-tooltip @rmwc/ripple @rmwc/segmented-button @rmwc/button @rmwc/tooltip @rmwc/typography @zalastax/nolb-_rm @webiny/app-admin-rmwc rmwc

3 days ago

10 days ago

10 days ago

11 days ago

23 days ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

8 months ago

6 months ago

8 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

5 months ago

5 months ago

8 months ago

5 months ago

5 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago