FeedbackButtons

Thumbs up / thumbs down buttons for collecting inline feedback on AI responses.

import { FeedbackButtons } from "@aetherstack/ui"

Installation

terminal

npx aether-ui add feedback-buttons

import.tsx

import { FeedbackButtons } from "@aetherstack/ui"

feedbackbuttons.tsx

<FeedbackButtons
  onThumbsUp={() => submitFeedback("positive")}
  onThumbsDown={() => submitFeedback("negative")}
/>

Prop	Type	Default	Description
onThumbsUp	() => void	—	Called when the thumbs up button is clicked.
onThumbsDown	() => void	—	Called when the thumbs down button is clicked.
className	string	—	Additional CSS classes.

* Required

→Each button has an aria-label ('Thumbs up' / 'Thumbs down') for screen reader clarity.
→Active state is communicated via aria-pressed so assistive technology reflects the selection.