• DocumentationDocs


Accordions are vertically stacked set of sections, where each section contains a header and a collapsible content. The header typically contains a label or title, while the content section contains additional information or detail that can be hidden or shown by clicking or tapping on the header.

import { Accordion } from "cherry-components";

function App() {
	return (
		<Accordion title="Beautiful Title">
			Officia adipisicing fugiat non magna Lorem eu mollit sint ipsum.

export default App;

Accordion Props

Below you can find the available props for the <Accordion /> component.

titleAccordion titleString | ReactNode
childrenChildren elementsReactNode
themeEmotion theme configurationObject


Pariatur quis nisi enim nisi aute Lorem dolor incididunt non quis. Cupidatat tempor sint velit magna Lorem commodo pariatur sunt dolor non nostrud sit qui qui velit.
Est enim veniam anim ullamco quis ipsum reprehenderit veniam ex qui excepteur. Nisi et ullamco in pariatur. Pariatur Lorem sit eiusmod velit nisi cillum pariatur labore amet pariatur amet et ad. Nisi eu laborum aliquip Lorem adipisicing cupidatat eu eiusmod minim deserunt ut exercitation laborum. Occaecat est nostrud in sunt labore tempor ipsum eiusmod officia consectetur ea aute nostrud. Enim Lorem Lorem magna aute sit laboris excepteur ex sunt Lorem.
Esse ex dolor deserunt fugiat duis enim incididunt qui nostrud laborum anim aliquip.
Toast NotificationsEmotion Breakpoints

Follow the creator

Join the community