DS in CSS

Expandable sections

Use the <details> and <summary> tags to create an expandable section. Add the class .cb-expandable to the <details> tag.

Border styling and the open/close toggle icon are provided by the class .cb-expandable. Visibility of the <summary> is provided by the semantic tags.

Hello
Yo
<details class="cb-expandable">
  <summary>Hello</summary>
  <div class="cb-pad-default cb-pad-top-none">Yo</div>
</details>