Zoom Controls

Segmented zoom control with minus, a monospace percentage readout, and plus.

125%

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

Import & use
import { Toolbar3 } from "@/components/beste/piece/toolbar3";

<Toolbar3
  zoom={125}
/>

More Toolbar pieces

View all Toolbar

View Mode

toolbar11

Segmented view switcher with grid, rows, and list options shown as icon plus label chips.

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

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

Compact formatting bar with bold, italic, underline, strike, align, and link buttons.

Sort

Sort Controls

toolbar12

Sort label followed by field chips and an ascending or descending arrow on the right.

7 / 24

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