Skip to content
/ ui Public
forked from deriv-com/ui

The shared React components for the current Deriv Apps.

License

Notifications You must be signed in to change notification settings

amam-deriv/ui

 
 

Repository files navigation

Deriv Ui Library (@deriv-com/ui)

NPM Version NPM Downloads @deriv-com/ui is released under the MIT license. Coverage Status

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"

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

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

About

The shared React components for the current Deriv Apps.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 76.2%
  • SCSS 21.8%
  • JavaScript 1.9%
  • HTML 0.1%