September 8, 2026

Toast actions

A single Flux toast confirming changes were saved, with an Undo action

Flux toasts can now include an action. Give someone an Undo right after saving, or a View link to the invoice they just created, while the context is still fresh.

With <flux:toast /> in your layout, add an action to your PHP toast call:

Copy to clipboard

Flux::toast(    text: 'Changes saved.',    action: [        'label' => 'Undo',        'event' => 'undo-changes',        'params' => ['changeSetId' => $changeSet->id],    ],);

The action dispatches an event with your parameters. Listen with Livewire's #[On('undo-changes')] on an undoChanges(int $changeSetId) method and supply the undo logic.

On Livewire 4.4.4 or later, the button shows a spinner while the request runs, then dismisses the toast when it finishes. Its width stays put, so nothing jumps around when you click.

If the toast should stick around after the action, add 'dismiss' => false. Use duration: 0 when you also want to turn off automatic dismissal.

For a link instead, use href:

Copy to clipboard

Flux::toast(    text: 'Invoice created.',    action: [        'label' => 'View',        'href' => route('invoices.show', $invoice),        'navigate' => true,    ],);

That renders a real link, so opening it in a new tab works as expected. navigate opts into Livewire's wire:navigate.

Check out the toast docs →

September 7, 2026

Colored buttons

Colored Flux buttons in a tilted grid with softly faded edges

Flux's filled, outline, ghost, and subtle buttons now support color, alongside primary. You can give an action a color without making it the loudest thing on the page.

Just add color with a standard Tailwind color name:

Copy to clipboard

<flux:button color="blue">Edit profile</flux:button>

That's the default outline button. Swap the variant to change the emphasis:

Copy to clipboard

<flux:button variant="filled" color="green">Approve</flux:button><flux:button variant="ghost" color="red">Remove</flux:button><flux:button variant="subtle" color="blue">View details</flux:button>

I'm particularly happy with the outlines. They keep the familiar surface and shadow, with color softly mixed into the label, border, and hover state. They still feel at home next to a regular Flux button.

Default, blue outline, and hovered red outline buttons

Ghost keeps a colored label on a transparent background. Subtle starts muted and brings out the color on hover. Small differences, but useful when you're deciding how much attention an action needs.

Neutral colors keep the default styling outside of primary.

Check out the button docs →

August 31, 2026

Toast timers now pause in hidden tabs

Version ^2.18.1

Toast dismissal timers now pause when the browser tab is hidden and resume when it becomes visible again.

This prevents toasts from disappearing while you're on another tab.

It works automatically for both regular and stacked toasts. No changes required.

Check out the toast docs →

The Changelog

What's new around here?

Toast actions

Colored buttons

Toast timers now pause in hidden tabs