Collapsible

@sushindustries/ui

One details, dressed - a sentence that opens, for prose rather than lists.

4 min read
View as MarkdownEdit on GitHub

When to use this instead of Accordion

CollapsibleCollapsibleOne details, dressed - a sentence that opens, for prose rather than lists.@sushindustries/ui · layout is one <details> with no list wrapper, for a single aside inside prose - a "read more", a spoiler, an FAQ answer that does not belong to a set. Reach for AccordionAccordiondetails, stacked - every behaviour ships in the element, and items open independently on purpose.@sushindustries/ui · layout instead the moment there are two or more related rows that should look like a group; wrapping several CollapsibleCollapsibleOne details, dressed - a sentence that opens, for prose rather than lists.@sushindustries/ui · layouts by hand only recreates what AccordionAccordiondetails, stacked - every behaviour ships in the element, and items open independently on purpose.@sushindustries/ui · layout already does, minus the shared border between rows.

UsesIconIconThe glyph set, generated from a Markdown table where every drawing carries its reason. One component, typed names, no icon font.@sushindustries/ui · content
Mentioned inAccordion