Expander
A component that shows content with a maximum height and allows users to expand to see the full content with smooth animations.
Photo Gallery
A collection of stunning landscape photography from around the world.
Mountain Peak
Forest Trail
Ocean View
Desert Sunset
City Lights
Winter Peaks
Paradise Beach
Aurora Borealis
Installation
npx shadcn@latest add "https://ui.paukraft.com/r/expander"
Custom Props
maxHeight
The maximum height in pixels before content gets truncated.
Type: numberRequired: NoDefault: 200
showAllText
Text shown on the expand button.
Type: stringRequired: NoDefault: Show All
showLessText
Text shown on the collapse button.
Type: stringRequired: NoDefault: Show Less
Dependencies
NPM Dependencies
motion