Dock
macOS-style icon dock with mouse-proximity magnification. Items scale up as the cursor approaches them.
When to Use
- Application launchers or quick-action toolbars.
- Portfolio or showcase pages with playful navigation.
- Any horizontal icon bar where delightful interaction matters.
API Reference
| Property | Type | Default | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | null | The dock items (buttons, icons, etc.). |
| MaxScale | double | 1.8 | Maximum scale applied to the item nearest the cursor. |
| MagnifyRadius | int | 100 | Radius in px within which neighboring items start scaling. |
| AriaLabel | string | "Application Dock" | Accessible label for the toolbar container. |
Related Components
- MagneticButton — Individual button that translates toward the cursor.
- ShimmerButton — Animated button with shimmer border effect.