تلویند سیاساس
تلویند سیاساس یک چارچوب سیاساس اولویتدار است که کلاسهای از پیش تعریف شده برای ساخت و طراحی UI مستقیماً در JSX فراهم میکند. اکمه از تلویند به عنوان چارچوب سیاساس اصلی خود استفاده میکند، با بیشتر عناصر UI که کاملاً با استفاده از ویژگیهای آن ساخته شدهاند. میتوانید به راحتی تم و استایل پایه را با اصلاح فایل tailwind.config.cjs در دایرکتوری ریشه به روز رسانی کنید.
ابزارها
اگر از VS Code به عنوان IDE خود استفاده میکنید، توصیه میکنیم که پلاگین Tailwind CSS IntelliSense را نصب کنید. این پلاگین خودکامل، برجستهسازی نحو و چک کردن بر اساس پیکربندی تلویند شما را فراهم میکند، که میتواند به طور قابل توجهی فرآیند توسعه شما را سرعت بخشد.
@apply تلویند استفاده میکنند. در برخی موارد، مستقیماً کلاسهای تلویند را به این کامپوننتها اعمال کردن ممکن است به همان صورت که انتظار میرود کار نکند. ممکن است نیاز داشته باشید که از مودیفایر !important برای غلبه بر انتخابگرهای پیشفرض با اولویت بالا استفاده کنید.برای اینکه هر کلاس کاربری مهم باشد، فقط یک کاراکتر ! در ابتدای آن اضافه کنید، مثلاً:
<Dropdown className="!bg-red-500" />برای اطلاعات بیشتر در مورد کلاسهای کاربری و پیکربندی تلویند، به مستندات رسمی مراجعه کنید: https://tailwindcss.com/docs/utility-first