ts-clsx

Rewrite clsx in TypeScript, but no default export.

Install

ni ts-clsx

Usage

import { clsx } from 'ts-clsx'

clsx('foo', [1 && 'bar', { baz: false, bat: null }, ['hello', ['world']]], 'cya')
// => 'foo bar hello world cya'

// Lite version, accepts only string arguments
import { clsx } from 'ts-clsx/lite'

clsx('hello', true && 'foo', false && 'bar', { foo: true }, ['hello', ['world']])
// => "hello foo"

Tailwind Support

1. VS Code + Tailwind Intellisense Extension
2. Add the following to your settings.json

{
  "tailwindCSS.experimental.classRegex": [
    ["clsx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
  ]
}

License

MIT License © 2024-PRESENT Mancuoj