Media Controls

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

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

Import & use
import { Toolbar2 } from "@/components/beste/piece/toolbar2";

<Toolbar2
  playing={true}
/>

More Toolbar pieces

View all Toolbar
7 / 24

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

Filter Pills

toolbar16

Row of filter chips with optional count numbers. Active chip inverts to foreground.

Sort

Sort Controls

toolbar12

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

Text Align

toolbar4

Left / center / right / justify alignment buttons. Active state fills muted.

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

Three button groups for table editing: add row/column, merge/split, and a rose delete button.