Components
Collapsible

Collapsible

Collapsible is a component that is great for sharing info that can be expanded to either actions or additional info. These are usually used in sequences next to each other.

Installation

Examples

Default

Add a title by passing the title prop to the component.

Detailed Collapsible Card

Add a subtitle by passing the subtitle prop to the component.

Icon Collapsible

Add an icon by passing the icon prop to the component.

Installation

Properties

title
string
* required

Title of the Collapsible Card.

subtitle
string

Description of the Collapsible Card.

icon
React.ReactNode

Icon shown to the left of the Collapsible Card.

children
React.ReactNode | React.ReactNode[]

Content of the Collapsible Card.

className
string

Classname to style the Collapsible Card.