Toolbar
Floating toolbar with toggle groups, dropdowns, and tooltips built on Radix primitives.
Install
npx shadcn@latest add https://substrate.georgedrury.co.uk/r/toolbarExamples
"use client"
import { useState } from "react"Components
| Component | Description |
|---|---|
Toolbar | Fixed-position container with role="toolbar" and built-in TooltipProvider |
ToolbarToggleGroup | Single-select toggle group (wraps Radix ToggleGroup) |
ToolbarToggle | Toggle button with optional tooltip and keyboard shortcut display |
ToolbarSeparator | Vertical divider between tool groups |
ToolbarDropdown | Button with dropdown menu for tool variant selection, active state highlight |