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
| Name | Type | Default | Required | Description | Accepted values |
|---|---|---|---|---|---|
title | string | - | ✅ | The title of the collapse. | - |
subtitle | React.ReactNode | - | - | The subtitle of the collapse. | - |
children | React.ReactNode | - | - | - | |
defaultExpanded | boolean | false | - | The status of the collapse (expanded or not). | - |
card | boolean | - | - | The type of the collapse (whether it's a card or not). | - |
size | string | medium | - | The size of the collapse. | normal, small, medium |