Components

Form inputs

Text, textarea, select, checkbox, radio, toggle. All 36px tall, all token-driven, all support invalid + disabled + focus states.

Text input

Street + city + state
Enter a valid email.
height: 36pxFocus ring uses --sc-shadow-focus (sky-700 @ 20%)

Select & textarea

Checkbox · radio · toggle