Expandable Action Bar

Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.

Library

Spectrum UI

Framework

React

Type

component

License

Apache-2.0

Dependencies

clsx, motion, tailwind-merge

Install

npx shadcn@latest add @spectrumui/expandable-action-bar

Files

• components/motion/expandable-action-bar.tsx
• lib/hooks/use-dismiss.ts
• lib/hooks/use-hover-gesture.ts
• lib/hooks/use-tap-gesture.ts
• lib/touch.ts
• lib/utils.ts

Source

https://github.com/arihantcodes/spectrum-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Group Components
• React Button Group Components
• Tailwind CSS Button Group Components
• Animated Button Group Components

More from Spectrum UI

• Message Actions
• No Access
• Accordion
• Account Access Card
• No Activity Yet
• Agent Plan
• Agent Steps
• AI Chat Card
• Alert demo
• Alert 2
• Alert 3
• Alert 4