Spatial Tooltip
A floating toolbar tooltip with fluid spring-driven clip-path reveal animations.
Installation
1
Run the following Command
>_npx shadcn@latest add https://minimalui.rshv.dev/r/spatial-tooltip.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| items | SpatialTooltipItem[] | DEFAULT_ITEMS | Array of toolbar items with custom labels, icons, keyboard shortcuts, onClick handlers, and dot indicators. |
| position | "top" | "bottom" | "top" | Position of the spatial tooltip relative to the toolbar. |
| onSelect | (item: SpatialTooltipItem, index: number) => void | undefined | Callback function invoked when a toolbar item is clicked or selected. |
| activeId | string | null | undefined | Controlled active item ID. |
| defaultActiveId | string | null | null | Initial active item ID for uncontrolled state. |
| className | string | undefined | Custom CSS class names for the outer wrapper. |
| toolbarClassName | string | undefined | Custom CSS class names for the toolbar container. |
| tooltipClassName | string | undefined | Custom CSS class names for the spatial tooltip rail. |
| itemClassName | string | undefined | Custom CSS class names for individual item buttons. |
| activeItemClassName | string | undefined | Custom CSS class names for the active item highlight indicator. |