@zedtech/zedkit-ui
Merge class names without conflicts
@zedtech/zedkit-ui — beta
beta
At a glance
- Who: Developers composing conditional Tailwind classes.
- What: Merge class lists so conflicting utilities resolve to the last one.
- Use when: Whenever classes are conditional or come from props.
- Avoid when: For static class strings — write them directly instead.
Install
pnpm add @zedtech/zedkit-uiLatest: 0.3.0 (via changesets).
Example
import { cn } from "@zedtech/zedkit-ui";
cn("px-4", isActive && "bg-accent"); // "px-4 bg-accent"
cn("px-4", "px-2"); // "px-2" — last conflicting utility winsWraps: clsx, tailwind-merge