A collapsible is a component to mark expandable and collapsible regions. It has states, roles, attributes and behavior in accordance with guidelines given in Using the WAI-ARIA aria-expanded state to mark expandable and collapsible regions .

A collapsible region #1.1

A collapsible region #1.2

A collapsible region #1.3

Click to toggle (div)

A collapsible region #2.1

A collapsible region #2.2

A collapsible region #2.3

A Collapsible Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...

A collapsible region

A nested collapsible region

Last region

Another collapsible card

primary-dark primary dark
primary primary
accent accent
primary-dark primary dark, inverted
primary primary, inverted
accent accent, inverted
Card Supporting Text