| Prop Name | Type | Description |
|---|
class | string | Additional classes to apply to the dock container. |
magnification | number | Magnification factor for the dock icons on hover (default: 60). |
distance | number | Distance from the icon center where magnification applies. |
direction | string | Alignment of icons (top, middle, bottom) (default: middle). |
| Slot Name | Description |
|---|
default | Dock icons or other child components to be displayed. |
| Slot Name | Description |
|---|
default | Component or icon to be displayed inside the dock icon. |
You can copy and paste the following code to create these components:
- Credits to macOS Dock for the design inspiration and the fantastic hover magnification effect.
