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 @tonightpass/kitchen package.

import { Collapse } from "@tonightpass/kitchen"

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