Collapse
Usage
A disclosure that hides secondary content behind a summary. Built on native `<details>`, so it toggles without JavaScript, is keyboard operable by default, and — importantly — its contents are findable by the browser's in-page search even while collapsed.import { Collapse } from '@summonware/ui';Best practices
DoWrite the summary as the question or the noun the user is looking for. It is the only thing they can scan.
DoOpen the first item with `defaultOpen` when one entry is far more likely than the rest.
Don'tHide anything required to complete a task. A field behind a disclosure is a field that gets missed.
Don'tNest disclosures more than one level deep.
Examples
Common configurations, variations and states.FAQ list
What is included?
Everything in the base plan, plus priority support and audit log export.
Can I cancel anytime?
Yes — cancellation takes effect at the end of the current billing period.
Do you offer annual billing?
Annual plans are billed up front at a 20% discount.
Several disclosures in sequence, the first expanded. Each is independent, so more than one can be open at a time.
Record details
Activity
Created by Jane Doe on Mar 4, last updated 2 hours ago.
Attachments (2)
spec.pdf, cover.png
Comments (3)
Latest: “Looks good, shipping this afternoon.”
The same disclosure pattern applied to sections of a single record — a task, a message, a profile — instead of a list of unrelated questions.