Live recipe
Variants by default.
Define a recipe once, then keep every call site concise and type-safe.
const button = sxv({
base: styles.base,
variants: { tone: { primary: styles.primary } },
defaultVariants: { tone: "primary" },
});
Core concepts
Minimal by default. Powerful when you need it.
Variants
Declare variant, size and state once.
const button = sxv({
base: styles.base,
variants: { tone: { primary: styles.primary } },
});