@pongo-ui/react-provider
TypeScript icon, indicating that this package has built-in type declarations

0.0.5 • Public • Published

Provider

The Provider control is what applies theme tokens to the web page.

Use

  1. Install the @pongo-ui/react-provider component.

Using NPM

npm install @pongo-ui/react-provider

Using Yarn

yarn add @pongo-ui/react-provider
  1. Install a component @pongo-ui/react-button and our theme tokens from @pongo-ui/react-theme.

  2. Set up the provider in your app:

import { Provider } from '@pongo-ui/react-provider'
import { webLightTheme } from '@pongo-ui/react-theme'

const MyApp = () => {
  return (
    <Provider theme={webLightTheme}>
    <Provider>
  )
}
  1. Integrate the Button component.
import { Provider } from '@pongo-ui/react-provider'
import { webLightTheme } from '@pongo-ui/react-theme'
import { Button } from '@pongo-ui/react-button'

const MyApp = () => {
  return (
    <Provider theme={webLightTheme}>
      <Button>Hello World</Button>
    <Provider>
  )
}

API

This is a re export of the FluentUI FluentProvider. Both API's are identical. The packages only differ in default styling.

Readme

Keywords

none

Package Sidebar

Install

npm i @pongo-ui/react-provider

Weekly Downloads

7

Version

0.0.5

License

MIT

Unpacked Size

55.1 kB

Total Files

99

Last publish

Collaborators

  • pongobuild
  • czearing