Components
Disclosure
Content that expands in place.
Default
Who can access this project?
Only people you invite can open this project. You can change their access at any time.
<details class="<%= card_class(dense: true, extra: "disclosure-animated") %>" data-controller="disclosure" data-action="click->disclosure#toggle">
<summary class="flex cursor-pointer list-none items-center justify-between gap-3 font-semibold">
<span>Who can access this project?</span>
<%= heroicon "chevron-down", variant: :mini, options: { class: "size-5 text-ink-3", "aria-hidden": "true" } %>
</summary>
<div class="pt-3 text-sm text-ink-2">
<p>Only people you invite can open this project. You can change their access at any time.</p>
</div>
</details>
API reference
card_class
card_class(interactive: false, dense: false, extra: nil)
| Parameter | Default | Values |
|---|---|---|
| interactive | false | true · false |
| dense | false | true · false |
| extra | nil | Additional Tailwind classes |