PDS proposals
← 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/feedback-bar-story.css19 lines · View on GitHub
/* Story scaffolding for the all-states story. No `pds-` prefix so Annotate
   doesn't flag it as a net-new component. */
.feedback-bar-story__stack {
	display: flex;
	flex-direction: column;
	gap: var(--pds-spacing-l);
}

.feedback-bar-story__example {
	display: flex;
	flex-direction: column;
	gap: var(--pds-spacing-2xs);
}

.feedback-bar-story__caption {
	color: var(--pds-color-foreground-default-secondary);
	margin: 0;
}