← All proposals

Feedback Bar

A small atomic component: a thumbs-up and thumbs-down pair with one piece of state, built from the local IconButton (its existing isPressed toggle, which maps to aria-pressed).

Net-new componentOpen in Storybook

proposals/FeedbackBar/custom.md25 lines · View on GitHub

Custom and net-new: Feedback Bar

Everything in this proposal that is not plain PDS v2. npm run check:tokens reads this file.

Net-new components

  • .pds-feedback-bar — thumbs up and down for rating agent output.
    • Parts and modifiers: .pds-feedback-bar__actions, .pds-feedback-bar__status

Additions to existing PDS components

None. The thumbs are the local IconButton, unchanged.

Net-new props

All props of FeedbackBarProps are new (net-new component): children, downLabel, groupLabel, onValueChange, statusLabel, upLabel, value.

Custom CSS variables

None.

Raw values kept on purpose

None.