@deriv-com/ui
v1.37.2TypeScript
<img alt="NPM Version" src="https://img.shields.io/npm/v/@deriv-com/ui"> <img alt="NPM Downloads" src="https://img.shields.io/npm/dw/@deriv-com/ui"> <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="@deriv-com/ui is released under the MIT
8.5K/weekUpdated 6 months agoUnpacked: 1.7 MB
Published by deriv-web
npm install @deriv-com/uiDeriv Ui Library (@deriv-com/ui)
Overview
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)
Getting Started
To get started simply install it from the @deriv-com/ui package:
``
npm i @deriv-com/ui
Usage Example
import {Button} from "@deriv-com/ui"
you can explore the Storybook to learn about the available props for each component.
Development
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
Contributing
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).