Dock
macOS-style dock with magnification on hover.
Installation
npx shadcn@latest add https://wise-ui.com/r/dock.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id: string; icon: ReactNode; label: string; href?: string }[] | - | Array of dock items to display. |
| onItemClick | (item: DockItem) => void | - | Callback when a dock item is clicked. |
| magnification | number | 1.5 | Maximum scale factor when hovered. |
| distance | number | 150 | Pixel radius of the magnification influence. |
| className | string | - | Additional classes for the dock container. |