carbon-design-system / carbon-website

The website for the Carbon Design System.
https://www.carbondesignsystem.com
Apache License 2.0
283 stars 791 forks source link

[Tile] Naming convention and clearer usage of accessible vs inaccessible tiles #3496

Open laurenmrice opened 1 year ago

laurenmrice commented 1 year ago

Usage tab

1. Inline info notification: Update the name "experimental tile" to something more descriptive.

Storybook calls it "improved contrast tile", not sure if that's the perfect name but would align. The static/read only tile actually did not change, but there is improved contrast to better cue the interactive tile. It's the distinction that's become more accessible. Maybe add a paragraph explaining this. "improved contrast (interactive) tile"

image


2. Old tile versus new tile style: Explain better the usage of tiles with and without a border


Possible tasks

tay1orjones commented 1 year ago

Something that might be helpful to frame up the experimental nature is to identify the new Tile features as opt-in via feature flags, as proposed in this PR https://github.com/carbon-design-system/carbon/pull/13382

https://deploy-preview-13382--carbon-components-react.netlify.app/?path=/story/experimental-feature-flags-enable-experimental-tile-contrast-tile--clickable

sstrubberg commented 1 year ago

Refinement call with me, lauren, jeannie, and thy