Dock
A macOS-style dock with magnifying icons as you hover over them.
通过 CLI 安装
手动安装
在同一个文件中,复制并粘贴以下代码:
API
Dock
Prop 名称 | 类型 | 描述 |
---|---|---|
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). |
orientation | string | Orientation of Dock (vertical , horizontal ) (default: horizontal). |
Slot Name | 描述 |
---|---|
default | Dock Dock or other child components to be displayed. |
DockIcon
Slot Name | 描述 |
---|---|
default | Component or icon to be displayed inside the dock icon. |
感谢
- Credits to macOS Dock for the design inspiration and the fantastic hover magnification effect.