Sort label followed by field chips and an ascending or descending arrow on the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Toolbar12 } from "@/components/beste/piece/toolbar12";
<Toolbar12
field="Date"
fields={[
"Name",
"Date",
"Size"
]}
direction="desc"
/>Segmented view switcher with grid, rows, and list options shown as icon plus label chips.
Segmented zoom control with minus, a monospace percentage readout, and plus.
Row of square size chips. The active size inverts to foreground.
Nine-cell anchor picker. The active anchor dot fills primary.
Three button groups for table editing: add row/column, merge/split, and a rose delete button.
Canvas toolbar with select, move, hand, zoom, and crop. Active tool fills muted.