๐Ÿ“ Sign Up | ๐Ÿ” Log In

โ† Root | โ†‘ Up

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ ๐Ÿ“„ shadcn/directory/udecode/plate/api/cn.cn โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

โ•”โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•—
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘

title: cn description: @udecode/cn ็š„ API ๅ‚่€ƒๆ–‡ๆกฃใ€‚

@udecode/cn ๅŒ…ๅซ็”จไบŽ React ๅ’Œ Tailwind ็š„ๅทฅๅ…ทๅ‡ฝๆ•ฐใ€‚

cn

ๆกไปถๆ€งๅœฐๆทปๅŠ  Tailwind CSS ็ฑป่€Œไธไบง็”Ÿๅ†ฒ็ชใ€‚

<API name="cn"> <APIParameters> <APIItem name="...inputs" type="CxOptions"> ไฝฟ็”จ `clsx` ๅ’Œ `tailwind-merge` ่ฎพ็ฝฎ็š„็ฑปๅ€ผใ€‚ </APIItem> </APIParameters> <APIReturns type="string"> ๅˆๅนถๅŽ็š„ classNameใ€‚ </APIReturns> </API>

withCn

ไธบ็ป„ไปถ่ฎพ็ฝฎ้ป˜่ฎค็š„ classNameใ€‚

<API name="withCn"> <APIParameters> <APIItem name="Component" type="React.ComponentType"> ้œ€่ฆๆทปๅŠ ๅฑžๆ€ง็š„็ป„ไปถใ€‚ </APIItem> <APIItem name="...inputs" type="CxOptions"> ไฝฟ็”จ `cn` ่ฎพ็ฝฎ็š„้ป˜่ฎค `className`ใ€‚ </APIItem> </APIParameters> <APIReturns type="React.ComponentType"> ๅŒ…ๅซ้ป˜่ฎค `className` ็š„ๆ–ฐ็ป„ไปถใ€‚ </APIReturns> </API>

withProps

ไธบ็ป„ไปถ่ฎพ็ฝฎ้ป˜่ฎคๅฑžๆ€งใ€‚

<API name="withProps"> <APIParameters> <APIItem name="Component" type="React.ComponentType | ElementType"> ้œ€่ฆๆทปๅŠ ๅฑžๆ€ง็š„็ป„ไปถใ€‚ </APIItem> <APIItem name="props" type="Partial<T>"> ่ฆๆทปๅŠ ๅˆฐ็ป„ไปถ็š„ๅฑžๆ€งใ€‚ </APIItem> </APIParameters> <APIReturns type="React.ComponentType"> ๅŒ…ๅซ้ป˜่ฎคๅฑžๆ€ง็š„ๆ–ฐ็ป„ไปถใ€‚ </APIReturns> </API>

withVariants

ไฝฟ็”จ class-variance-authority ็š„ๅ˜ไฝ“ไธบ็ป„ไปถ่ฎพ็ฝฎ้ป˜่ฎค classNameใ€‚

<API name="withVariants"> <APIParameters> <APIItem name="Component" type="React.ComponentType | ElementType"> ้œ€่ฆๆทปๅŠ ๅฑžๆ€ง็š„็ป„ไปถใ€‚ </APIItem> <APIItem name="variants" type="V extends ReturnType<typeof cva>"> ไฝœไธบ้ป˜่ฎค `className` ็š„ๅ˜ไฝ“ใ€‚ </APIItem> <APIItem name="onlyVariantsProps" type="(keyof VariantProps<V>)[]"> ่ฆไปŽ `Component` ไธญๆŽ’้™ค็š„ๅฑžๆ€งใ€‚่ฎพ็ฝฎไป…็”จไบŽๅ˜ไฝ“็š„ๅฑžๆ€งใ€‚ </APIItem> </APIParameters> <APIReturns type="React.ComponentType"> ๅŒ…ๅซ้ป˜่ฎค `className` ็š„ๆ–ฐ็ป„ไปถใ€‚ </APIReturns> </API>
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•šโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

โ† Root | โ†‘ Up