@rhds/elements
Version:
Red Hat Design System Elements
28 lines (20 loc) • 707 B
Markdown
# Disclosure
A disclosure is a widget that enables content to be either
collapsed (hidden) or expanded (visible).
## Usage
Place the following markup on your page:
```html
<rh-disclosure summary="Collapsed panel title">
<p>Lorem ipsum dolor sit amet consectetur adipisicing, elit. Velit distinctio, nesciunt nobis sit.</p>
</rh-disclosure>
```
### Rich summaries
When summary content should be rich HTML, use the `summary` slot instead of the `summary` attribute
```html
<rh-disclosure>
<span slot="summary">
<strong>Rich</strong> summary <em>content</em>
</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing, elit. Velit distinctio, nesciunt nobis sit.</p>
</rh-disclosure>
```