react-thaizip

react-thaizip

Ready-to-use Thai address components for React and Next.js projects

Address autocomplete

Search for a Thai address by typing any part of it.

Try the live component

This is the canonical ThaiAddressAutocomplete scaffold from react-thaizip, not a copy built only for these docs. After adding it to your project, you own the generated source and can tailor it freely.

Quick start

npx react-thaizip init
npx react-thaizip add autocomplete cascade-select

The first command checks Tailwind and creates configuration; the second adds both components and their required shared files.

Continue exploring

Explore autocomplete and cascade select scenarios, or see the ready-made compositions: the full address form, the read-only address display, and the react-hook-form field. See the address index and lower-level APIs in the thai-zip Core API documentation.

On this page