Dock
macOS-style dock whose icons magnify smoothly as the cursor approaches, with floating labels.
Import
import { Dock } from "@igorao79/uivix";Examples
Default
Hover and slide across the icons
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | DockItem[] | - | { id, label, icon, onClick } for each icon |
| size | number | 44 | Base icon size in px |
| magnification | number | 76 | Max icon size at the cursor |
| distance | number | 120 | Distance over which magnification fades |
| className | string | - | Additional CSS classes |