Docs draft
Meter
Component storyFigma component set ↗React component ↗DSDS entity ↗
States
blank — No input yet; the meter is unfilled.
weak — Entered password reads as weak.
good — Entered password reads as good.
strong — Entered password reads as strong.
Design specifications
| boxes | three, space.16 x space.4, 2px gap |
| empty | color.border.strong |
| weak | color.text.secondary |
| good-strong | color.text.positive — the old off-palette #78CA89 died |
Accessibility
role=meter with valuemin/max/now and strength as valuetext. Never the only feedback — pair with FormField help text naming what is missing.