disclosure

Usage

Components are auto-discovered. Use the component directly in any .wrn view:

<disclosure
  summary="Details"
/>

Legacy mount name: data-component="disclosure".

Props and attributes

Slots

• default

Events

This component does not declare a custom event.

Source contract

Installed source: components/disclosure.wrn

// Expand/collapse section using native <details> (no JS).
component Disclosure {
  props {
    summary = "Details"
    class = ""
  }
  view {
        <details class="wire-disclosure {class}">
        <summary class="wire-disclosure__summary">{summary}</summary>
        <div class="wire-disclosure__body">
        <slot>
        </slot>
        </div>
        </details>
    }
}