Skip to content

Forms

Address Autocomplete Field Shell

Debounced address-search UI shell with keyboard-navigable suggestions dropdown; geocoding is supplied by the host via props.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add address-autocomplete-field
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Address Autocomplete Field Shell

Address Autocomplete Field Shell

Live preview of the Address Autocomplete Field Shell component

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Address Autocomplete Field Shell component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Forms components

Browse all →

Contact Form — Simple

Single-column name/email/subject/message contact form with a honeypot field, Netlify Forms opt-in, and a presentational action prop.

Contact Form — Two-Column with Map Slot

Two-column contact layout with a named aside slot for a map or office photo, stacking to one column on mobile.

Multi-Step Wizard Form

Three-step form with a segmented progress bar, per-step validation, and back/next navigation before calling onSubmit.

Quote/Estimate Calculator Form

Project-type selector, scope slider, and add-on checkboxes that compute a live price range before submitting.

Newsletter — Inline Bar

A slim single-row email capture bar for footers or in-content placements.

Newsletter — Card

Standalone card-format newsletter opt-in with an icon badge and privacy microcopy.