Github

December 2025

Blade Components 1.0, the first stable release, with new component styles, standardized defaults, and a few cleanups.

Basic header layout Basic header layout

More styles for spinner and separator

x-spinner picked up color styles matching the rest of the library: primary, success, info, warning and danger.

x-separator gained a dashed style alongside the default solid one, and now supports arbitrary content (text or an icon) placed directly on the line:

Optional

Grouped buttons

The x-btn.group component was added for joining related buttons, think segmented controls or toolbar actions, into a single visual unit.

Standardized defaults

A handful of components had their default size changed from null to default, so a plain <x-heading>, <x-layout.icon>, <x-progress-bar> or <x-spinner> now behaves the same as explicitly passing size="default". x-list-group also switched to the same default styling used by x-card, and x-number picked up a unit attribute for suffixing values like % or kg.

Removed

  • x-layout.empty-state has been removed in favor of the new x-empty component, which covers the same use case with a clearer name.
  • x-entity.field has been removed with no direct replacement.

Deprecated

  • The prefix and suffix slots on x-btn are deprecated and will be removed in a future release.
  • The icon slot on x-badge is deprecated and will be removed in a future release. Pass the icon as a child instead.

Select

Open

esc

Close