Small Floating Dock
A minimal, gesture-responsive floating dock for quick access to 3-5 primary actions.
Hover proximity to expand actions
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/small-floating-dock
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items | DockItem[] | [] | Array of 3 to 5 action items with icon, label, action, and badge |
| position | 'bottom-right' | 'bottom-center' | 'bottom-left' | 'bottom-right' | Screen placement |
| size | 'sm' | 'md' | 'lg' | 'md' | Button sizing scale |
| hideOnScroll | boolean | false | Auto-hides dock during downward scroll |
| variant | 'icon-only' | 'icon-label' | 'icon-only' | Icon only with tooltips or labeled buttons |
| activeId | string | undefined | Selected active item ID |