Slide Controls

About this piece

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

Usage

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

import { Toolbar18 } from "@/components/beste/piece/toolbar18";

<Toolbar18
  current={7}
  total={24}
  playing={true}
/>

125%

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

Skip, play/pause, and skip controls inside a pill. Toggle the playing flag to flip the center button.

5 / 24

First / prev / page-of-total / next / last controls in a compact toolbar.

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.

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