Livepeer UI is a design system built using Modulz
Using this package
Step 1: Install Livepeer UI from npm
Install @livepeer/livepeer-ui using your package manager:
yarn add @livepeer/livepeer-ui
Step 2: Import & use your components
Your components are ready to use! All components are imported directory from @livepeer/livepeer-ui:
import { Card, Input, Box, Container } from '@livepeer/livepeer-ui';
DesignSystemProvider
Step 3: Wrap your app in To access the default theme, you must import and wrap your app with the DesignSystemProvider
:
import { DesignSystemProvider } from '@livepeer/livepeer-ui';
const App = () => <DesignSystemProvider>Hey there👋</DesignSystemProvider>;