هوکها
توابع
کامپوننتهای مرتبه بالا
classNames
تابع utility که چندین نام کلاس را با استفاده از کتابخانه classnames ترکیب میکند و تداخلهای کلاس Tailwind CSS را با استفاده از ابزار tailwind-merge ادغام میکند
مثال
import classNames from '@/utils/classNames';
const Example = ({ primary, disabled }) => {
return (
<button
className={classNames(
'p-2 text-base',
primary && 'bg-blue-500 text-white',
disabled && 'bg-gray-500 cursor-not-allowed'
)}
disabled={disabled}
>
Click me
</button>
);
}پارامترها
| param | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| name | لیستی با طول متغیر از نامهای کلاس یا شرایطی که به نامهای کلاس تبدیل میشوند. | cn.ArgumentArray | - |
مقدار بازگشتی
| بازگشتی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| classNames | نامهای کلاس | string | - |