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 @tonightpass/kitchen
package.
import { Collapse } from "@tonightpass/kitchen"
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 |