Dock
FREEmacOS-style dock whose icons magnify as the cursor passes.
Installation
Terminal
npx @bloxa/cli add dock
# or: npx shadcn@latest add @bloxa/dockPackages installed automatically: motion
Examples
App dock
API reference
Every component also accepts the props of the element it renders.
Dock
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 44 | Icon size in px. |
| magnify | number | 1.6 | Magnification. |
| distance | number | 140 | Reach in px. |
DockItem
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Label and accessible name. |
| icon | ReactNode | — | Icon. |
| active | boolean | — | Dot underneath. |
| href | string | — | Link. |