Skip to main content
Version: 57.2.0

ThumbsUpDownFeedback

ThumbsUpDownFeedback is a thumbs up / thumbs down pair for collecting a single positive or negative reaction, e.g. on an AI generated response. Pressing the selected option again clears the selection.

Package: @terreno/ui
Categories: Component
Props interface: ThumbsUpDownFeedbackProps
Story source: demo/stories/ThumbsUpDownFeedback.stories.tsx

Live demo

Props

PropTypeRequiredDescription
onChangereflectionYesCalled with the newly selected value, or undefined when the current value is deselected.
disabledbooleanIf true, both options are non-interactive and rendered in a muted color.
negativeAccessibilityLabelstringAccessibility label for the negative (thumbs down) option.
positiveAccessibilityLabelstringAccessibility label for the positive (thumbs up) option.
testIDstringRoot test id for the primary interactive element or container.
valueThumbsUpDownFeedbackValueThe currently selected feedback. Leave undefined for no selection.