Adrex

Self-hosted Czech address autocomplete with deep customization — callbacks, theming, and custom rendering.

Doručovací adresa

Separate fields — adrex-instance-shipping

Ulice

Číslo

Město

PSČ

Fakturační adresa

Single field with auto-fill — adrex-instance-billing

Celá adresa

Ulice + číslo (auto)

Město (auto)

PSČ (auto)

Rychlé hledání

Default instance — no adrex-instance-* class needed

Adresa

Customization Showcase

Theme toggle, callbacks, custom rendering

Custom rendered (ZIP highlighted)

Event Log

Style Playground

Tweak every CSS custom property and config option — changes apply live

Dropdown Appearance

--adrex-dropdown-bg

#ffffff

--adrex-dropdown-text-color

#333333

--adrex-dropdown-border

--adrex-dropdown-shadow

--adrex-dropdown-radius

4px

--adrex-dropdown-font-size

14px

--adrex-dropdown-max-height

300px

Item Styling

--adrex-item-hover-bg

#e8f0fe

--adrex-item-active-bg

#e8f0fe

--adrex-item-padding

Highlight & Empty

--adrex-highlight-color

inherit

--adrex-highlight-weight

--adrex-empty-color

#777777

Behavior Config

debounce (ms)

250

minChars

maxSuggestions

noResultsText

Live Preview (adrex-instance-playground)

Copied to clipboard!

Copy widget/dist/adrex.js to your project — that's all you need.