PDS proposals
← All proposals

Card Select

Add a shadow prop to the PDS Card Select.

Extends a PDS componentOpen in Storybook

proposals/CardSelect/custom.md20 lines · View on GitHub

Custom and net-new: Card Select

The PDS Card Select with a shadow prop. npm run check:tokens reads this file.

Net-new components

None.

Additions to existing PDS components

  • On .pds-card-select: the modifier .pds-card-select--no-shadow: no drop shadow; the card has an input-color border, a background tint on hover and, with the indicator hidden, a focus-color ring when selected. Needed for dense layouts and surfaces that already carry elevation.

Net-new props

  • shadow on CardSelect: boolean, default true. false adds the modifier above.

Custom CSS variables

None.