component · feedback

TuxReactionBar

Light-touch acknowledgement strip — a small row of single-glyph reactions sitting under content. The point isn't a social-network like-count — it's a lower-friction "did this help?" / "I have a question" signal than a full feedback form. Use in research-paper appendices, editorial articles, or tti-ai-studio responses (alongside the standard 5-icon action row).

flagship · default trio

Helpful · Question · Disagree

<tux-reaction-bar
  v-model="active"
  :counts="{ helpful: 24, question: 3 }"
  @react="onReact"
/>

Active: (none)

with preselection

Already responded

<tux-reaction-bar
  v-model="active"
  :counts="{ helpful: 24, question: 3 }"
  @react="onReact"
/>

custom set

Peer-review reactions

Pass reactions to swap the default trio. Each entry needs a unique key, a Lucide icon, a label (used for both the visible text and the aria-label), and an optional tone. 

<tux-reaction-bar
  v-model="active"
  :reactions="[
    { key: 'agree',  icon: 'lucide:check',       label: 'Agree',  tone: 'success' },
    { key: 'unsure', icon: 'lucide:circle-help', label: 'Unsure', tone: 'warning' },
    { key: 'object', icon: 'lucide:x',           label: 'Object', tone: 'neutral' },
  ]"
/>

compact

Inline-article size

<tux-reaction-bar
  v-model="active"
  :counts="{ helpful: 24, question: 3 }"
  @react="onReact"
/>