Expand wraps long content, shows it at a limited height with a fade, and lets the user reveal the full content with a “show more” style button.
Use it for long descriptions, comments, changelog entries, release notes, activity text, terms snippets, card descriptions, and compact summaries where the page should stay scannable. Do not use it for independent collapsible sections, trees, navigation to another page, tabs, steppers, or as a generic container.
Key features:
- Collapsed preview: Limits long projected content to a controlled height.
- Fade edge: Uses a visual fade to show that more content is available.
- Controlled state: Supports
expandedandexpandedChange. - Custom labels: Supports custom expand and collapse button labels.