PDS proposals
← All proposals

Badge

A copy of the PDS v2 Badge (pds-badge, same class names, props and CSS) with one addition: color='agentic-filled', the AI gradient as the fill, for denoting an agentic category.

Extends a PDS componentOpen in Storybook

proposals/Badge/context.md23 lines · View on GitHub

Badge

Problem

The designer needs a local, editable copy of the PDS v2 Badge to propose changes against. The published package ships it, but a proposal can only change local files.

Proposal

A copy of the PDS v2 Badge (pds-badge, same class names, props and CSS) with one addition: color='agentic-filled', the AI gradient as the fill, for denoting an agentic category. Changes are recorded in decisions.md and custom.md. It builds on the v2 Badge, so it is not net-new. Ready for dev 2026-10-20 (HANDOFF.md).

Source

PDS v2 reference checkout, src/components/badges/Badge/ at v2.0.0-beta.12.

Constraints

  • Keep the v2 API and class names so the port stays a copy.
  • Tokens only; the one raw value in the source is listed in custom.md.

Open questions

  • Is the contrast of the light-mode white text on agentic-filled acceptable? See decisions.md.