# Dock

Source: https://lumeo.nativ.sh/components/dock

# 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.

Preview Code

Basic Dock

🗂️🧭✉️💬🎵🖼️

Copy Code

Preview Code

Custom Scale & Radius

🗂️🧭✉️💬

Copy Code

## 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](/components/magnetic-button) — Individual button that translates toward the cursor.
-   [ShimmerButton](/components/shimmer-button) — Animated button with shimmer border effect.