AddressForm

Shipping / billing address form — controlled, with per-field error display.

components/address-form.tsxPeer deps:

Live preview

Full name

Address

Apt, suite, etc.

City

State / Region

Postal code

Country

Phone (optional)

Usage

import { AddressForm, type AddressValue } from "@/components/address-form";

const [address, setAddress] = useState<AddressValue>(initialAddress);
const [errors, setErrors] = useState({});

<AddressForm value={address} onChange={setAddress} errors={errors} />