Drawing Tools

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

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

Import & use
import { Toolbar7 } from "@/components/beste/piece/toolbar7";

<Toolbar7
  active="brush"
/>

More Toolbar pieces

View all Toolbar

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

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

View Mode

toolbar11

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

125%

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

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

Size Picker

toolbar14

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