The Changelog

What's new around here?

Succinct and informative updates about Flux.

August 10, 2026

Toggle

Version ^2.17.0

Flux now ships with a Toggle component: a compact, button-shaped control for turning settings and modes on or off. It's included in the free component set.

Copy to clipboard

<flux:toggle wire:model.live="fastMode" icon="bolt" tooltip="Fast mode" />

Tooltips for context

Icon-only controls need a clear name. Add the tooltip prop to give people context on hover and provide an accessible name for screen readers:

An outline bolt toggle showing a Fast mode tooltip

Copy to clipboard

<flux:toggle icon="bolt" tooltip="Fast mode" />

Custom colors

When the toggle is off, it renders the outline version of your icon. Turn it on and the solid version takes its place in your app's accent color. Use the color prop to customize that active color without changing the control surface:

Five active toggles using blue, red, amber, green, and violet icons

Copy to clipboard

<flux:toggle icon="bolt" color="blue" checked /><flux:toggle icon="heart" color="red" checked /><flux:toggle icon="bell" color="amber" checked />

Adding text

Icon-only is the main use case, but you can add a short visible label when a setting benefits from persistent context. The text stays neutral while the icon carries the active state:

A Favorite toggle with a heart icon and visible text label

Copy to clipboard

<flux:toggle icon="heart" color="red">Favorite</flux:toggle>

Check out the toggle docs →