سازنده کامپوننت React Tailwind - پیشنمایش زنده و تولیدکننده کد
سازنده کامپوننت React Tailwind با پیشنمایش زنده. ایجاد دکمهها، ورودیها، متنهای چندخطی، انتخابگرها و نوار مسیر با Tailwind CSS. صادرات کد React آماده برای تولید در لحظه.
سازنده کامپوننت React با Tailwind CSS
ساخت کامپوننتهای React با Tailwind CSS و مشاهده پیشنمایش زنده
نوع کامپوننت
خصوصیات
نمای واکنشگرا
پیشنمایش حالت
پیشنمایش زنده
کد تولید شده
<button
className="text-white bg-blue-500 py-2 px-4 m-0 border border-transparent rounded text-base font-medium hover:bg-opacity-90 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-pointer"
>
Button
</button>مستندات
سازنده کامپوننت React با Tailwind چیست؟
سازنده کامپوننت React با Tailwind یک ویرایشگر بصری رایگان است که به شما کمک میکند تا کامپوننتهای React سفارشی با Tailwind CSS در چند ثانیه ایجاد کنید. این سازنده کامپوننت React با پیشنمایش زنده به توسعهدهندگان و طراحان کمک میکند تا کامپوننتهای رابط کاربری آماده تولید را بدون نوشتن دستی کد CSS بسازند. دکمهها، ورودیهای فرم، متنهای چندخطی، منوهای انتخاب و ناوبری نردبانی را با استفاده از چارچوب CSS utility-first Tailwind طراحی کنید و تغییرات را به صورت آنی در زمان واقعی مشاهده کنید.
چه در حال ساخت یک اپلیکیشن جدید React باشید یا در حال توسعه یک پروژه موجود، این سازنده Tailwind React گردش کار شما را با تولید کد JSX تمیز و آماده تولید با کلاسهای Tailwind CSS هموار میکند. مناسب برای پروتوتایپ سریع، یادگیری Tailwind CSS و تسریع توسعه frontend.
(ادامه ترجمه به همین صورت با حفظ ساختار مارکداون و فرمتبندی اصلی)