Github

April 2026

Button and typography refinements, tighter card spacing, and a transition fix.

Buttons and icons

x-btn outline styling was adjusted, and SVG icons placed inside a button can now have their size overridden directly, instead of always inheriting the button's default icon size:

<x-btn style="outline">
    <x-heroicon-o-arrow-up-right class="size-5" />
    Button
</x-btn>

A follow-up fix corrected the button's transition property, which had been causing its colors to blink on hover instead of transitioning smoothly. The x-list-group hover style was also matched to the ghost button style so the two feel consistent when used together.

Tighter spacing

x-card, x-card.body and x-card.footer all received slimmer padding, and the base font size on x-heading is now less specific, making it easier to override from your own styles. x-list-group pill style spacing was adjusted to match.

Tracking the active list-group style

x-list-group.item elements now expose their current style through a data-style attribute, which is handy if you need to target the active state from custom CSS.

Select

Open

esc

Close