0.0.19 • Published 4 years ago
@pongo-ui/react-toolbar v0.0.19
Toolbar
The Toolbar component displays important information and actions for an application.
Use
- Install the @pongo-ui/react-toolbar component.
Using NPM
npm install @pongo-ui/react-toolbar
Using Yarn
yarn add @pongo-ui/react-toolbar
Install the @pongo-ui/react-provider and our theme tokens from @pongo-ui/react-theme
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>
)
}
- Integrate the Toolbar component.
import { Provider } from '@pongo-ui/react-provider'
import { webLightTheme } from '@pongo-ui/react-theme'
import { Toolbar } from '@pongo-ui/react-toolbar'
const MyApp = () => {
return (
<Provider theme={webLightTheme}>
<Toolbar>Hello World</Toolbar>
<Provider>
)
}
API
To learn more about the Toolbar API take a look at the Toolbar Interface file.
0.0.16
4 years ago
0.0.17
4 years ago
0.0.18
4 years ago
0.0.19
4 years ago
0.0.15
4 years ago
0.0.14
4 years ago
0.0.13
4 years ago
0.0.12
4 years ago
0.0.11
4 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago