The Changelog

What's new around here?

Succinct and informative updates about Flux.
November 13, 2024

Multi-selects

Version ^1.0.23
Select dropdown with 2 items selected
We held off on releasing multi-selects at launch because we felt like there were too many decisions to get right, but here we are. In Flux version 1.0.23 and above, you are now able to pass the
multiple
prop and turn a single-select into a multi-select:
Copy to clipboard
Of course, data binding works as you'd expect, by passing the name of a Livewire property into
wire:model
, Livewire will keep the state of that property in sync with your selections:
Copy to clipboard
Copy to clipboard
We have big plans for the future of multi-select, like adding new variants for selecting pills, tags, avatars, etc., but for now, this is a good start.

Custom selected suffix

A select dropdown with the words: 2 industries selected
After your first selection, Flux shows the number of items selected, followed by the word "selected".
If you want to customize this to make it more contextual, you can do so using the
selected-suffix
prop:
Copy to clipboard

Checkbox indicator

A select dropdown with checkboxes instead simple check marks for selected indicator icons
The default check mark icon is now configurable for multi-selects. If you want a checkbox visual indicator instead, you can use the new
indicator
prop:
Copy to clipboard
  • Support for multi-selects
  • Dispatch input events when select listbox clearable button is clicked so that wire:model.live picks up the change
Copyright © 2024 Wireable LLC ·Terms of Service
Built with by
Caleb Porzio and Hugo Sainte-Marie