Composite

Collapsible Hybrid

Single show/hide region — the simplest disclosure pattern. Built on native <details>.

About

Overview

For a single section that toggles open / closed, <details> is the right primitive. RenDS just styles it. For groups of collapsibles use Accordion.

Live

Show advanced settings

Tweaks for power users — log level, request timeout, retry count.

<details class="ren-collapsible">
  <summary>Show advanced settings</summary>
  <p>Hidden content here…</p>
</details>

Reference

Class	Effect
`.ren-collapsible`	On `<details>`. Adds chevron rotation, padding, hover background.