Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

Collapsible (deprecated)

Header
Body
.collapsible (deprecated)

This component is deprecated. Please use Collapse component. This is more accessible version of this component.

An element that contains a clickable header and a body element that is toggled visible/invisible upon clicking For Javascript functionality, this element requires `data-controller="generic/ui/Collapsible"` to be set on the parent container. This will cause the first child component to become the header and the second to become the body element.

Markup

<div class="collapsible" data-controller="generic/ui/Collapsible">
    <div class="collapsible__header">Header</div>
    <div class="collapsible__body">Body</div>
</div>