Zoom Controls

About this piece

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

Usage

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

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

<Toolbar3
  zoom={125}
/>

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

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.

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.

7 / 24

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

Sort

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