هوکها
توابع
کامپوننتهای مرتبه بالا
useRandomBgColor
هوک useRandomBgColor یک رنگ پسزمینه تصادفی از لیست سفید رنگهای از پیش تعریف شده Tailwind CSS بر اساس نام ورودی تولید میکند. این هوک برای اختصاص رنگهای پسزمینه ثابت بر اساس یک رشته، مانند نام کاربری یا نام آیتم مفید است.
مثال
import useRandomBgColor from '@/utils/hooks/useRandomBgColor';
const Example = ({ name }: { name: string }) => {
const getBgColor = useRandomBgColor();
return (
<div className={getBgColor(name)}>
{name}
</div>
);
};
export default Example
| بازگشتی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| generateBgColor | یک کلاس رنگ پسزمینه Tailwind CSS بر اساس رشته نام ورودی برمیگرداند. | (name: string) => string |