Expandable text

Long text clamped to a few lines with a soft fade that glides open with Read more and closes with Show less, shown only when the text overflows.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/expandable-text.json

Files

• registry/components/expandable-text/expandable-text.tsx
• registry/components/expandable-text/expandable-text.module.css

Source

https://github.com/kuratlielia/arc-library

Categories

• Text Components
• React Text Components
• Animated Text Components

More from Arc Library

• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar
• Avatar group
• Badge
• Bar chart
• Billing toggle