View Mode

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

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

Import & use
import { Toolbar11 } from "@/components/beste/piece/toolbar11";

<Toolbar11
  active="grid"
/>

More Toolbar pieces

View all Toolbar
125%

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

Sort

Sort Controls

toolbar12

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

Size Picker

toolbar14

Row of square size chips. The active size inverts to foreground.

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

Nine-cell anchor picker. The active anchor dot fills primary.

Vertical toolbar with pen, brush, eraser, text, and shapes. Active tool inverts to foreground.