Search
- IntroductionGetting StartedColorsForms
Components
Getting Started
Prerequisites
Before you can use DDS, you need to have the following:
- Typescript 4.3+
Installation
yarn add @driftt/dds @driftt/dds.iconsSetup <ThemeProvider />
The <ThemeProvider /> is used to provide some default styles for the components. As well as setup a drift colors and font css variables.
import { ThemeProvider } from '@driftt/dds'
const App = ({ children }) => (
<ThemeProvider>
{children}
</ThemeProvider>
)
export default App
Import components
All components can be imported from the root of "@driftt/dds"
import { Button, Box, Text, Header } from '@driftt/dds'Import icons
All icons must be imported from their respective folder in the following format: @driftt/dds.icons/<style>/<icon>
import { faCopy } from '@driftt/dds.icons/light/faCopy'