Back to docsRecipe

Address form

A clean, accessible address form with inline validation and autocomplete hints. Works for shipping, billing, or profile pages.

Usage notes

  • autoComplete attributes trigger browser autofill for each field.
  • Grid layout collapses to single column on mobile via sm:grid-cols-*.
  • Focus ring uses brand violet; hover state shifts to pink for submit.