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 (useOnClickOutside and useDevice)

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).