Quill UI
Overview
Quill UI is a library component designed for Deriv Applications. It is tightly integrated with our Design System, and its styling is entirely based on Design Tokens.
Features
- Design System Integration: Quill UI seamlessly integrates with our Design System, ensuring a unified and cohesive user interface across Deriv Applications.
- Styling with Design Tokens: The styling of Quill UI components is determined by Design Tokens, guaranteeing a consistent and harmonious look and feel.
Installation
To incorporate Quill UI into your applications, follow these steps:
-
Install the Quill UI package using npm:
npm i @deriv-com/quill-ui -
Integrate Quill UI components into your application as needed.
Usage
Quill UI components are designed to be easily incorporated into your application. Simply import the desired components and use them according to your requirements.
Example:
import { Button } from "@deriv-com/quill-ui";
// ... Your code here
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/quill-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.