History

About this piece

History

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

Usage

The import and the props worth knowing about, in one place.

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

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

More Toolbar pieces

View all Toolbar

Reaction Bar

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

Quick Actions Bar

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

Selection Tools

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

Text Align

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

Table Controls

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

7 / 24

Slide Controls

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