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 |