A feedback input component in Thumb and Emoji types. Includes individual reaction states — Like, Neutral, and Dislike — and is available in Small, Medium, and Large sizes.
Loading demo: feedback-real-world
npx sdaia-ui@latest add feedback
import { Feedback } from "@/components/ui/feedback"<Feedback type="thumb" size="medium" />Thumbs up and thumbs down feedback buttons.
Loading demo: feedback-thumb
Emoji reaction buttons for expressive feedback.
Loading demo: feedback-emoji
Feedback available in Small, Medium, and Large sizes.
Loading demo: feedback-sizes
Individual reaction buttons showing Like, Neutral, and Dislike states in both Thumb and Emoji types.
Loading demo: feedback-reactions
Props for the Feedback component.
Prop | Type | Default | Required |
|---|---|---|---|
type | 'emoji' | 'thumb' | thumb | optional |
size | 'sm' | 'md' | 'lg'", | md | optional |
value | 'like' | 'neutral' | 'dislike' | null | - | optional |
onValueChange | (value: 'like' | 'neutral' | 'dislike' | null) => void" | - | optional |
disabled | boolean | false | optional |
dir | 'ltr' | 'rtl' | 'ltr' | optional |