Collapsible
The Collapsible component allows hiding and showing content.
Playground
Props
Examples
Basic
Click to expand
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.
With Icon
More information
Here is some additional context about the topic.
Unboxed
Simple details
This collapsible does not have the boxed style.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
boxed | boolean | true | Applies a boxed style to the component. |
children | ReactNode | - | The content to hide and show. |
className | string | - | Additional CSS classes. |
icon | IconName | - | An icon to display before the label. |
label | ReactNode | string | - | The text or element to click to expand. |
See also
Last updated on