A compact content expander that keeps layouts tidy by clamping long text to a few lines and revealing the full content on demand. A subtle gradient fade hints at more content, while a label (Read more / Collapse) with a rotating arrow provides a familiar affordance. Built for production: accessible, localizable, and highly themeable to match any brand.

Functionality

• Line clamp with ellipsis + fade; customizable max lines, fade height, and easing.

• Expand/Collapse with animated height and rotating caret; configurable labels and icons.

• Controlled & uncontrolled modes: set initial state, expose isExpanded and callbacks.

• Inline or block layout; supports rich text/Markdown or any child widget (images, chips).

• Persistence options: remember last state per item (e.g., via key or storage).

• Accessibility & i18n: screen-reader labels, proper semantics, fully translatable strings.

• Theming tokens: typography, paddings, radius, shadows, divider, icon size/color, link styles.

• Performance-safe: measures once, reuses layout; virtualization-friendly in lists.

Use cases

• Product descriptions, FAQs, reviews, and release notes.

• News feeds and social posts with optional “show more”.

• Legal copy (privacy, terms) and help/education tooltips or callouts.

• Compact dashboards where secondary details should not push primary KPIs.

Keywords
read more, expandable text, show more, collapsible section, line clamp, truncation, ellipsis, fade, rotating arrow, animated height, accessible, localization, theming, rich text, markdown, list virtualization, Flutter widget, FlutterFlow component, UX pattern, content reveal.