Dev Design Library

Adaptive Actions

A responsive action toolbar that measures its available inline size and moves overflowed items into an accessible dropdown menu, with priority and pinned flags to control what stays visible.

Adaptive Actions preview
Library
Nexvyn UI
Framework
React
Type
ui
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, motion
Install
npx shadcn@latest add @nexvyn/adaptive-actions
Files
  • components/ui/adaptive-actions.tsx
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI