Install Cherry Components

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

Component List

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.