History

Two-button undo / redo toolbar. Buttons fade when their action is unavailable.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Toolbar9 } from "@/components/beste/piece/toolbar9";

<Toolbar9
  canUndo={true}
  canRedo={false}
/>

More Toolbar pieces

View all Toolbar

A floating pill toolbar of round icon actions with one accent-highlighted primary action.

Reaction Bar

toolbar19

Row of icon buttons for like, comment, share, and save. Active items tint rose.

Canvas toolbar with select, move, hand, zoom, and crop. Active tool fills muted.

Text Align

toolbar4

Left / center / right / justify alignment buttons. Active state fills muted.

Three button groups for table editing: add row/column, merge/split, and a rose delete button.

7 / 24

Dark presenter toolbar with prev / play-pause / next, a slide counter, and a fullscreen button.