0.6.0

What's Changed

• Tailwind 4 upgrade by @austenc in #38
• Redo sizing scale - AC-203 by @austenc in #39
• Improve dialog header/footer usability | AC-196 by @austenc in #40
• icon only buttons | AC-197 by @austenc in #42
• AC-208 add data attribute to icons by @austenc in #44
• Add menu | AC-200 by @austenc in #43
• Muted table rows - AC-209 by @austenc in #45

Full Changelog: 0.5.2...0.6.0

Release Notes & Upgrade Guide

Tailwind CSS 4 is now required.

Badge

• Default size changed to sm
• Default radius changed to sm
• Added data-ui-badge attribute

Button

• Default size changed to md
• Default radius changed to sm
• Added tooltip property
• wire:click now automatically targeted with wire:target

Card

• Default padding changed to md
• Added data-ui-card-header and data-ui-card-footer attributes
• Added when attributes to header and footer

Dialog

• Header and footer slots now forward slot attributes

Menu

• Added menu and menu-item components that change to a select on mobile

Table

• The row component now has a muted property
• Default radius and shadow changed to sm

Tiles

• Default gap changed to sm

Tooltip

• Default size changed to md

Upgrade Guide

Version 0.6.x requires Tailwind CSS 4 — so follow that upgrade guide for your project first.

Installation & Configuration

Installation process has changed significantly. Configuration is now done with CSS variables via Tailwind CSS. Read the documentation for details on both of these topics.

Changes Required

Switch to the Tailwind CSS 4 style of configuration and manually fix your installation using the new installation docs.

Sizing Scale Changes

The sizing scale for the following components has been changed. One or more properties in the following components no longer have a base value:

• badge
• button
• card
• table (radius and shadow properties)
• tiles (gap property)

Changes Required

Look at all size, radius, shadow, and gap properties in your code to ensure you are not using base