zedkit
@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-ui

Latest: 0.3.0 (via changesets).

Example

Usage
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 wins

Wraps: clsx, tailwind-merge

On this page