Reaction Bar

About this piece

Reaction Bar

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

Usage

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

import { Toolbar19 } from "@/components/beste/piece/toolbar19";

<Toolbar19
  items={[
    "like",
    "comment",
    "share",
    "bookmark"
  ]}
  active={[
    "like"
  ]}
/>

More Toolbar pieces

View all Toolbar

Quick Actions Bar

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

Selection Tools

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

Format Toolbar

Compact formatting bar with bold, italic, underline, strike, align, and link buttons.

History

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

Table Controls

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

Share Row

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