Interactive playground

A better way to choose.

Explore searchable selects, removable tags, reactive state, and Alpine AJAX option loading. Everything here is a demo—your tasks stay untouched.

Searchable single select

Open the menu and type to find a country. The native select and Alpine model stay in sync.

Current value:

Multiple selection

Choose your skills, then remove individual selections with their remove buttons.

Current value:

Grouped options

Browse teams by discipline. The archived team is visible but cannot be selected.

Current value:

Free-form tags

Type a tag and press Enter to add it. Remove a chip to update the comma-separated native input.

Current value:

Reactive disabled state

Unlock the select to change access. Disabled controls are omitted from native FormData (shown as null below).

Current value:

Options via Alpine AJAX

Load a preset from an app fragment route, then search locally. The select updates in place without remounting Choices.

Current value:

Inspect the native form payload

Preview reads the actual form controls, not a copy of Alpine state. Nothing is sent or saved. Reset restores default selections; loaded role options remain available.