Components

Collapse

Expand and collapse additional content.

Logo

Toggle Collapse

Render Header

Render your own custom Header component using the renderHeader prop

Lorem

API Reference

mode

Type:

"light" | "dark"

The visual mode of the card.

Default:

system
classNames

Type:

object

Custom classes

Default:

Properties:

main

Type:

string

ClassName for the collapse container

Default:

header

Type:

string

ClassName for the collapse header

Default:

headerLabel

Type:

string

ClassName for the collapse headerLabel

Default:

renderHeader

Type:

function

Render Custom header

Default:

openIcon

Type:

ReactElementType

A custom open icon

Default:

closeIcon

Type:

ReactElementType

A custom close icon

Default: