Dock
Floating bottom navigation for the app: three or four destinations.
Usage
import { Dock } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- The top-level destinations of the app.
When not to use
- More than four destinations.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { key, label, icon, badge? }[] | required | |
selectedKey | string | required | |
onSelectionChange | (key) => void | - |
Accessibility
- Each item is at least 48 px tall and marked current when active.