Utilities
Helpers that aren't components. Covers class merging, DOM reparenting, hit areas, and scroll and text effects.
The utilities are the parts of Spark UI that don't render a component: a class merger, a DOM escape hatch, two presentation effects, and two ways to change a control's hit area without changing how it looks. They use the same tokens and conventions as the rest of Spark UI.
cn
Merge Tailwind class strings, with later conflicting classes winning.
Hit Area
Expand a control's clickable box by a fixed amount, on every pointer type.
Reparent
Move rendered content elsewhere in the DOM without unmounting it.
Scroll Fade
Fade the edges of a scrollable container to hint at overflow.
Shimmer
Animate a highlight across text, for loading and streaming states.
Touch Target
Raise a small control to a 44px hit area on touch devices.