Details

A disclosure widget for showing and hiding content

<hf-details> <details> <summary>Click to see details</summary> <p>The deets.</p> </details> </hf-details>

Click to see details

The deets.

Notes

The details component provides an expandable/collapsible disclosure widget.

• Use the native details and summary elements
• The summary element serves as the clickable header
• Content inside details but after summary will be shown/hidden