npm / daisyui
daisyui
What changed in daisyui 5, from its official release notes, upgrade guides and advisories. Sources checked 2026-10-22.
9 new APIs and options7 behavior and defaults108 fixes and other
See which of these apply to your code, ranked, in your agent:
npx @unstale/cli initdaisyui 5124 changes
New APIs and options 9
Adds the menu-paged modifier for navigating inside and outside of nested menus.
Adds the Aura component.
Adds the Megamenu component.
Adds HTML popover support for modal.
Adds the OTP component.
Adds a vertical range slider utility.
Adds default styling for customizable select selectedcontent.
Adds start, center, and end alignment utilities for tooltips.
Adds a new calendar style integration.
Behavior and default changes 7
Rewrites button styles and improves checked, disabled, soft, ghost, link, and focus states.
Adds focus and checked styling for selected or selectable cards.
Improves keyboard navigation and reset behavior.
Improves sizing for input, textarea, select, and floating label components.
Simplifies join styles and prevents nested join styles from leaking.
Allows menu elements to be used as .menu containers.
Makes rating size modifiers responsive.
Fixes and other changes 108
The indeterminate checkbox mark is shown in forced colors mode, matching the checked checkbox mark.
Fixes the color of btn-link when used with btn-disabled.
Adjusts the tooltip tail position for themes with more radius.
Fixed the range shadow size and performance.
Fixes the avatar indicator dot's position in right-to-left layouts.
Status size now respects theme size variables.
Fixed disabled styling for input, select, textarea, and file-input components.
Fixed specificity for validator colors.
Buttons with aria-checked are styled as btn-active.
Firefox Android can now use diff by tap because it ignores CSS resize and cannot drag.
Styles aria-pressed and aria-current as btn-active in button.
Styles aria-current as active in dock.
Styles aria-current as menu-active in menu.
Fixes the disabled style for OTP.
Fixed checkbox tick and dash alignment.
Fixed the loading spinner shrinking inside a flex container.
Badges no longer shrink inside a flex container.
Fixed the FAB font size when using a prefix.
Fixed the OTP border width and position.
Fixed dropdown positioning in RTL layouts.
Fixes the breadcrumbs item focus ring being cropped.
Fixes border overlap for join items when there's a wrapper.
Fixes the tooltip font weight.
Adds styling for aria-checked="mixed" to match :indeterminate.
Improves the skeleton animation for right-to-left layouts.
The menu-paged summary hides children such as badges and icons when details is open.
Fixes floating label positioning in RTL layouts.
Fixes a FAB selector style leak affecting fab-flower actions.
The selector targets direct children to avoid style leaking.
Fixed an issue with the alert grid.
Dock layout is no longer forced onto script, style, or template children.
Fixes the color of .btn when a checkbox or radio is checked.
Fixed horizontal menu alignment.
Content in calendar can now be overridden.
Input isolation was fixed.
Content in menu can now be overridden.
OTP isolation was fixed.
Select isolation was fixed.
Pins thead and tfoot as a group so multi-row headers stack.
Improves tooltip behavior in join.
The select arrow no longer rotates when the select is focused but not open.
Improves right-to-left behavior for input and join.
Moved the tooltip default position into l3 in the main definition.
Fixed missing responsive class names in the CDN build.
Prefix handling was improved.
Fixes an issue with the prefix.
Fixes a missing import for nested layers.
Fixed handling of prefixed nested and type selectors.
Prevents avatar from stretching in flex layouts.
Prevents kbd from shrinking in flex layouts.
Prevents radial-progress from shrinking in a flex layout.
Fixes a style leak involving nested modal-box elements.
Fixed size modifiers for select, input, textarea, and rating in the CDN file.
Fixed the calendar day hover style in Cally.
Fixed compatibility with Tailwind CSS utility classes in colgroup.
Fixed the btn-active style.
OTP is forced to left-to-right direction.
Adds margin-inline-end: auto to .fieldset-legend to prevent iOS legend stretch.
Progress values now animate.
Fixes btn-active layers.
Fixes the colors of btn-active.
Prevented --join-* propagation to children of .join-item.
Fixed showing open collapse ::details-content when reduced motion is preferred.
Fixed the disabled select style in fieldset.
Fixed the line size for tabs-border.
Fixed modal-end behavior in RTL layouts.
Fixed modal-start behavior in RTL layouts.
Fixes the active button inset.
Fixed the style of disabled buttons in menus.
Adjusted the position of the number input spinner.
The loading animation now runs slowly under prefers-reduced-motion instead of not animating.
Allows wrapper elements for options in filter.
Prevents daisyUI tabs from conflicting with Tailwind's new optional tab class.
Fixes tooltip positioning in RTL layouts.
Fixes OTP alignment.
Fixed missing outlines and separators for joined buttons.
Exposes btn-active as a utility class.
Improves alert noise size.
Improves button border styling for keyboard and mouse navigation.
Keeps the card outline visible on focus-visible.
Fixes layering in the CDN hover gallery.
Improves collapse details/summary transitions and styling.
Improves overflow behavior when collapse is closed.
Prefixes CSS variables inside var() without replacing fallback content.
Fixes Safari quirks for datetime inputs.
Improves diff thumb styling.
Makes diff work inside card.
Improves disabled input label color contrast.
Adds dropdown animation inside modal.
Reverts overflow clipping for details elements inside .menu.
Fans out the first action when no main action exists.
Prevents FAB trigger and labels from being text-selected in Safari.
Cleans up file input styling.
Prevents footer grid styles from applying to script, style, and template children.
Keeps .kbd legible inside colored buttons.
Loading indicators now respect prefers-reduced-motion.
Corrects alignment of horizontal and vertical menu items.
Removes text-wrap: balance from menu items.
Makes highlighted lines span the full scroll width.
Adds an overlay transition for stacked dialogs.
Uses defined Pikaday theme colors for events and ranges.
Clears the range middle cell background.
Limits the root scroll background image to :root.
Improves separation of root color, scroll gutter, and scroll lock behavior.
Gives the select-ghost picker a non-transparent background.
Highlights the select trigger while the native picker is open.
Makes swap-active work with rotate and flip.
Adjusts swap layers.