Autocomplete

component

Searchable selects with Symfony UX Autocomplete (Tom Select), styled with the kit's theme: one choice, several choices, values the user types, and options searched on the server.

Install

php bin/console ux:install autocomplete \
    --kit=https://github.com/xormania/uxor:0.3.0

README Source

What it installs

Copies: assets/ → assets/
templates/ → templates/
Recipes: select form-theme
Composer: symfony/ux-autocomplete:^3.5

Examples (1)

Default

Light

Dark

Code

<div class="w-full max-w-sm">
    <twig:Label for="autocomplete-country" class="mb-2.5">Country</twig:Label>
    <twig:Autocomplete id="autocomplete-country">
        <option value="">Choose a country</option>
        <option value="US">United States</option>
        <option value="CA">Canada</option>
        <option value="FR">France</option>
        <option value="DE">Germany</option>
    </twig:Autocomplete>
</div>