Introduction
Hi, welcome to Dorai.
An Accessible, unstyled, open-sourced fully typed and functional react component library for building design systems.
Learn more about the inspiration and my journey to building Dorai
Core Features
Dorai thrives in its core features;
🎨 Unstyled and Highly Customizable
Since Dorai components are fully unstyled, it gets rid of the frustration that comes with extending a component library styles. Do you want to use utility styles or CSS-in-JS? Styles rest in your absolute control.
🚀 Accessible
Most component accessiblity requirement have been standardized by WAI_ARIA. Supporting accessiblity might be a difficult task for every design implementation developers have to build. Dorai offers components that are accessible at their core. We can say, your team will need to do nothing in terms of making these components accessible.
⚓️ Controlled and UnControlled Components
Dorai components are controlled offering much functionalities out of the box but also grants you the ability to control the functionality of these components as deemed fit. Efforts are been made to make as much component uncontrolled as possible.
🏠 Composed Components
Dorai components are building blocks and not tightly coupled. No endless control / position props, hence no new learning curve with each component.
🎁 Independent & All-in-One
Dorai components are independently shipped. This grants the ability to install a single component or multiple as needed. All of the components can be added by installing the @dorai-ui/components.
Installation
Dorai components can be installed individually or all at once by installing @dorai-ui/components
using the command below;
npm i @dorai-ui/components
or
yarn add @dorai-ui/components
Incremental Adoption
All components exists individually, you can install each by checking the components list in the docs sidebar.
For example, to install just the switch component, we can run the command below;
yarn add @dorai-ui/switch
or
npm i @dorai-ui/switch