Documentation
Collapse

Collapse

Display large amounts of text in collapsible sections. Commonly referred to as an accordion.

Usage

First of all, you need to import the Collapse component from the kitchn package.

import { Collapse } from "kitchn"

Default

Expanded

Subtitle

Card

Small

Props

NameTypeDefaultRequiredDescriptionAccepted values
titlestring-The title of the collapse.-
subtitleReact.ReactNode--The subtitle of the collapse.-
childrenReact.ReactNode---
defaultExpandedbooleanfalse-The status of the collapse (expanded or not).-
cardboolean--The type of the collapse (whether it's a card or not).-
sizestringmedium-The size of the collapse.normal, small, medium