Slide Controls

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

7 / 24

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

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

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

More Toolbar pieces

View all Toolbar

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

125%

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

5 / 24

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

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.

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