Cherry components are built in React and styled with Emotion. Each element of the design system is a component on it's own. Components can be personalized by passing various props to change the states and styles.
npm install cherry-components
To import elements from the design system, include cherry-components library in your packages.
import {
Accordion,
Button,
Container,
FontStyle,
Row,
Col,
H1,
H2,
H3,
H4,
H5,
H6,
RangeSlider,
Select,
Textarea,
ToggleInput,
Input,
Label,
MinHeight,
Space,
TableOverflow,
ToastNotificationsContext,
ToastNotificationsProvider,
ToastNotifications,
globalStyles
} from "cherry-components";
If you don't need all the components, import only what you use.
That's it 🎉 you are ready to use Cherry.