Dev Design Library

Smart Overflow

A priority-first responsive action group that moves lower-priority actions into an accessible three-dot menu as available width decreases.

Smart Overflow preview
Library
Sona UI
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react, lucide-react, motion
Install
npx shadcn@latest add @sona-ui/smart-overflow
Files
  • src/registry/sonaui/smart-overflow/smart-overflow.tsx
  • src/registry/sonaui/sona-utils/sona-utils.ts
  • src/lib/sona-utils.ts
Source
https://github.com/Dinil-Thilakarathne/sona-ui

Categories

More from Sona UI