Selection Tools

About this piece

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

Usage

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

import { Toolbar8 } from "@/components/beste/piece/toolbar8";

<Toolbar8
  active="select"
/>

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

Row of color circles with a check on the active swatch and a trailing eyedropper for custom values.

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

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

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.