Theme

The Theme package is a set of various theme tokens used by Pongo components.

Use

1. Install the @pongo-ui/react-theme package.

Using NPM

npm install @pongo-ui/react-theme

Using Yarn

yarn add @pongo-ui/react-theme

2. Install the @pongo-ui/react-provider and one of our components.

3. 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>
  )
}

4. Build your app.

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

To learn more about the Theme API take a look at the Theme Interface file.