Class
Conditional class wrapper component.
1 KB
•Updated on September 3, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/hooks-components-classUsage
Code
import { Class } from '@/components/class'
import { Class } from '@/components/class'```
```tsx
<Class names={{ 'bg-primary text-white': isActive }}>
<div>Box</div>
</Class>API Reference
Parameters / Props
| Prop | Type | Default | Description |
|---|---|---|---|
names | Record<string, boolean> | required | Class condition map. |
children | ReactElement | required | Target element. |
Return Value
| Return Type | Description |
|---|---|
ReactElement | Cloned element with classes applied. |