Details

Component status:Beta

A native HTML disclosure widget in which information is visible only when the widget is toggled into an open state.

Example

This is a Details disclosure element

Content to be revealed.

<details class="bux-details">
	<summary class="bux-details__summary">This is a Details disclosure element</summary>
	<div class="bux-details__inner">
		<p>Content to be revealed.</p>
	</div>
</details>

<details class="bux-details">
  <summary class="bux-details__summary">{{ details_summary }}</summary>
  <div class="bux-details__inner">
		{{ details_content }}
	</div>
</details>