This is a UI component library made for ReactJS that conforms to the Deriv Design System. Explore our Storybook for for comprehensive development documentation .
Also available on npm.
It features two main sections:
components: contains all the components that are built to be used in the deriv platform.hooks: which contains all the hooks that might be needed in deriv projects. for now we only have two hooks (useOnClickOutsideanduseDevice)
To get started simply install it from the @deriv-com/ui package:
npm i @deriv-com/ui
import {Button} from "@deriv-com/ui"
<Button color="primary" rounded="sm" size="md" type="button" variant="contained" > Click me! </Button>
you can explore the Storybook to learn about the available props for each component.
To get started, first install all of the relevant packages by doing:
npm i
Since this projects uses Storybook to showcase the components. You can serve them by simply running this command:
npm run storybook
Contributions to the @deriv-com/ui library are warmly encouraged. If you have suggestions for enhancements or encounter a bug, please feel free to open an issue or submit a pull request (ensure you fork it first).