Text Align

About this piece

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

Usage

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

import { Toolbar4 } from "@/components/beste/piece/toolbar4";

<Toolbar4
  active="center"
/>

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

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.

Two-button undo / redo toolbar. Buttons fade when their action is unavailable.

Row of icon buttons for like, comment, share, and save. Active items tint rose.

125%

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