> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tappify.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# cn

> Joins class names, dropping the ones that are false, null or undefined.

```ts theme={null}
function cn(...values): string;
```

Joins class names, dropping the ones that are `false`, `null` or `undefined`.

## Parameters

### values

...`ClassValue`\[]

## Returns

`string`

## Remarks

This is `clsx`, re-exported so a vendor surface needs no class-name dependency
of its own. It does not merge conflicting utility classes.

## Example

```tsx theme={null}
import { cn } from '@tappify/extension-sdk';

function Row({ compact }: { compact: boolean }) {
  return <div className={cn('starter-row', compact && 'starter-row--compact')} />;
}
```
