July 2026

#

Keyboard shortcuts with x-kbd

The x-kbd and x-kbd-group components have been added for displaying keyboard shortcuts, wherever you'd point a user to a hotkey.

#

Square avatars by default

x-avatar now renders square by default instead of round. If your design relies on the round style, add the circle boolean attribute:

#

Cleaner component names

A batch of dot-notation component names, like card.body or list-group.item, have been deprecated in favor of their dash-notation equivalents, card-body and list-group-item. Both still work, but the dash versions are now the documented, supported names and the dotted aliases will be removed in a future release.

<!-- Before -->
<x-card.body>...</x-card.body>

<!-- After -->
<x-card-body>...</x-card-body>

The full list of renamed components is in the 1.3.2 release notes. It's worth a scan if you're upgrading and using any of the accordion, avatar, breadcrumb, button, card or list-group components by their dotted name.