Get-Started
Install WoozDesign and start building your project
1. Install the component from your command line.
Install the package from your command line.
npm install @woozdesign/ui
2. Import CSS file
Import the global CSS file at the root of your application.
import '@woozdesign/ui/styles.css';
3. Add Theme
Add ThemeProvider to your application, wrapping the root component inside of body.
import { ThemeProvider } from '@woozdesign/ui';
export default () => (
<html>
<body>
<ThemeProvider>
<App />
</ThemeProvider>
</body>
</html>
);
4. Enjoy!
You are now ready to use. Have fun 🎉
import Button from '@woozdesign/ui';
import { Icon } from '@woozdesign/icons';
export default () => (
<Button variant={'icon'}>
<Icon type={'Zap'} />
</Button>
);
Releases
Next