Alignment Grid

About this piece

Nine-cell anchor picker. The active anchor dot fills primary.

Usage

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

import { Toolbar15 } from "@/components/beste/piece/toolbar15";

<Toolbar15
  anchor="mc"
/>

Row of square size chips. The active size inverts to foreground.

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

Sort

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

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

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

Rounded share pill with copy link, X, LinkedIn, and email buttons.