Drawing Tools

About this piece

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

Usage

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

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

<Toolbar7
  active="brush"
/>

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

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

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

125%

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

ListWeekRooms

142 appointmentsAll sites

A control bar with a segmented view switcher on a soft track, a live result count, and a filter chip on the row beneath.

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