Chapter 4: Forms & Inputs

Text inputs, dropdowns, radio buttons, checkboxes, form validation, and conditional button states.

Work through the lessons in order, or jump to the specific thing you need.

1. Build a text input field
2. Create input variants (empty, filled, active, error)
3. Prototype: show error state on empty form submit
4. Build a dropdown select component
5. Build radio button and checkbox components
6. Prototype: conditional button states (disabled to enabled)