The Changelog
What's new around here?
Succinct and informative updates about Flux.
RSS feed
September 7, 2026
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.
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.
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.
August 29, 2026
Flags
Version ^2.18.0
Flux now ships with a Flag component: consistent 3:2 SVG artwork for every ISO 3166-1 country and territory, plus Kosovo. Every flag is served locally from your app.
Copy to clipboard
<flux:flag country="US" />API overview
Pass a two-letter country code and Flux handles the rest. Codes are case-insensitive, and every flag uses the same sizing API:
Copy to clipboard
<flux:flag country="JP" size="xl" /><flux:flag country="BR" size="lg" /><flux:flag country="DE" size="md" /><flux:flag country="ZA" />Need a compact circular crop instead? Add the circle prop:
Copy to clipboard
<flux:flag country="FR" circle />The bundled SVGs are served through a cacheable, versioned URL, so a page full of flags stays light with no third-party image host involved.
Bring your own
Need a state, province, organization, or historical flag? Pass any image URL using src:
Copy to clipboard
<flux:flag src="/img/flags/california.svg" alt="California" />Accessibility
Flags are decorative by default and render with an empty alt. Only add alternative text when the flag communicates something that isn't already in nearby text.