1.1.0 • Published 3 years ago

@pmwcs/provider v1.1.0

Weekly downloads
5
License
MIT
Repository
github
Last release
3 years ago

Provider

A component that provides global configuration for PMWCS.

  • Module @pmwcs/provider

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

  `
  import { h } from 'preact'
  import * as ReactDOM from 'react-dom';
  import App from './App'; // your main app component
  import { PMWCSProvider } from '@pmwcs/provider';

  // This example disables ripples globally by default
  ReactDOM.render(
    <PMWCSProvider
      // 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 />
    </PMWCSProvider>,
    document.getElementById('root'),
  );
`

PMWCSProvider

A provider for setting global options in PMWCS.

Props

NameTypeDescription
childrenReact.ReactNodeChildren to render
iconPartial<IconOptions>Global options for icons
rippleundefined \| false \| trueEnable / Disable interaction ripples globally
tooltipPartial<TooltipOptions>Global tooltip options
typographyPartial<TypographyOptions>Global typography options