Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
MagnifyDockProps
Also accepts all props of React.ComponentProps<"nav">
| Prop | Type | Default | Description |
|---|---|---|---|
| items* required | DockItem[] | — | — |
| baseSize | number | 44 | Resting icon size in px |
| maxSize | number | 72 | Icon size directly under the pointer, in px |
| range | number | 140 | Distance in px over which magnification fades out |
Install
$ npx shadcn@latest add https://chromotion.dev/r/magnify-dock.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.