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