June 2026
Stack cards and alerts with x-stack, a new responsive table component, and a handful of polish fixes.
#Stacking cards and alerts
#
The x-stack component visually layers a group of x-card and x-alert components into a single stack, ascending or descending.
Additionally the x-alert can now be nested directly inside x-card. The alert's border radius and border are automatically adjusted to overlap the card cleanly instead of clashing with it.
Kevin Dierkx
kevin@example.com
Owner
Isabella Duffey
isabella@example.com
Financial
James Black
james@example.com
Technical
Member limit reached
Upgrade your plan to invite additional members.
Active team members
#A responsive table component
#
x-table landed together with its supporting components: x-table-header, x-table-row, x-table-head, x-table-body, x-table-cell and x-table-caption. It covers row and cell highlighting, sticky headers, sticky rows, and sticky cells out of the box.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit card | €10.00 |
| INV002 | Paid | Bank Transfer | €15.00 |
| INV003 | Paid | PayPal | €5.00 |
| INV004 | Refunded | Credit card | €20.00 |
| INV005 | Pending | Credit card | €50.00 |
#Fixes
#
x-list-grouppill spacing was simplified to usegap-y-*instead of manual margins.- Fixed
x-stackelements overflowing their container. - Adjusted color mixing used across components.