Details

A button that toggles the visibility of additional information.

How to

The Details component (or disclosure widget) can be used to hide information that is not considered of primary importance. On click, it expands to reveal the additional content.

The component has been created using the HTML <details> element. A JavaScript fallback is provided for browsers not supporting it.

Categories

• Data Display > Misc
• Controls

Bug report & feedback

Component Github page ↗