Left / center / right / justify alignment buttons. Active state fills muted.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Toolbar4 } from "@/components/beste/piece/toolbar4";
<Toolbar4
active="center"
/>Compact formatting bar with bold, italic, underline, strike, align, and link buttons.
Nine-cell anchor picker. The active anchor dot fills primary.
Two-button undo / redo toolbar. Buttons fade when their action is unavailable.
Canvas toolbar with select, move, hand, zoom, and crop. Active tool fills muted.
Segmented zoom control with minus, a monospace percentage readout, and plus.
Row of icon buttons for like, comment, share, and save. Active items tint rose.