Docs draft
CollapsibleText
Component storyFigma component set ↗React component ↗DSDS entity ↗
States
collapsed — Truncated to the collapsed line count.
expanded — Showing the full text.
spoiler — Content hidden behind a spoiler reveal.
Design specifications
| body | type.body-sm in color.text.primary |
| trigger | type.label in color.accent.text, hover color.accent.text-pressed |
| clamp | 3 lines default; fade covers the last 40% |
Accessibility
Enter / Space — Toggles; aria-expanded reflects state.
The clamp is visual only — the full text stays in the DOM for screen readers. Spoiler content is genuinely absent until revealed.