টেইলউইন্ড সিএসএস সহ কাস্টম রিয়্যাক্ট কম্পোনেন্ট তৈরি করুন। বাটন, ইনপুট, টেক্সটেরিয়া, সিলেক্ট এবং ব্রেডক্রাম্বস তৈরি করুন রিয়েল-টাইম প্রিভিউ এবং প্রকল্পে ব্যবহারের জন্য তৈরি কোড সহ।
টেইলউইন্ড সিএসএস সহ রিয়্যাক্ট কম্পোনেন্ট তৈরি করুন এবং লাইভ প্রিভিউ দেখুন
<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>
রিয়্যাক্ট টেইলউইন্ড কম্পোনেন্ট বিল্ডার হল একটি শক্তিশালী ভিজুয়াল এডিটর যা আপনাকে টেইলউইন্ড CSS ব্যবহার করে অবিলম্বে কাস্টম রিয়্যাক্ট কম্পোনেন্ট তৈরি করতে সাহায্য করে। এই বিনামূল্যের অনলাইন রিয়্যাক্ট টেইলউইন্ড কম্পোনেন্ট বিল্ডার ডেভেলপার এবং ডিজাইনারদের CSS কোড লিখা ছাড়াই উৎপাদন-প্রস্তুত UI কম্পোনেন্ট তৈরি, কাস্টমাইজ এবং রপ্তানি করতে সক্ষম করে। আমাদের লাইভ প্রিভিউ রিয়্যাক্ট টেইলউইন্ড বিল্ডার ব্যবহার করে, আপনি ডিজাইন করার সময় বাটন, ফর্ম, ইনপুট এবং নেভিগেশন কম্পোনেন্ট সহ টেইলউইন্ড ইউটিলিটি-ফার্স্ট CSS ফ্রেমওয়ার্ক ব্যবহার করে আপনার পরিবর্তনগুলি সরাসরি দেখতে পাবেন।
আমাদের রিয়্যাক্ট টেইলউইন্ড কম্পোনেন্ট বিল্ডার বাটন, টেক্সট ইনপুট, টেক্সটেরিয়া, সিলেক্ট ড্রপডাউন এবং ব্রেডক্রাম্ব নেভিগেশন সহ প্রধান UI উপাদান তৈরি করতে সহায়তা করে। প্রত্যেকটি রিয়্যাক্ট কম্পোনেন্টকে টেইলউইন্ড CSS ইউটিলিটি ক্লাস ব্যবহার করে রঙ, স্পেসিং, টাইপোগ্রাফি, বর্ডার এবং প্রতিক্রিয়াশীল ডিজাইনের জন্য পূর্ণরূপে কাস্টমাইজ করা যায় - সবকিছুই অবিলম্বে লাইভ প্রিভিউ সহ যা আপনি বৈশিষ্ট্য পরিবর্তন করার সাথে সাথে আপডেট হয়।
শুরু করুন আপনি যে ধরনের কম্পোনেন্ট তৈরি করতে চান তা বেছে নিয়ে:
প্রত্যেকটি কম্পোনেন্ট প্রকারের নিজস্ব কাস্টমাইজযোগ্য বৈশিষ্ট্য থাকে যা বৈশিষ্ট্য প্যানেলে প্রদর্শিত হবে।
একটি কম্পোনেন্ট প্রকার বেছে নেওয়ার পরে, আপনি বৈশিষ্ট্য প্যানেল ব্যবহার করে এর চেহারা এবং আচরণ কাস্টমাইজ করতে পারেন। সাধারণ বৈশিষ্ট্যগুলির মধ্যে রয়েছে:
নির্দিষ্ট কম্পোনেন্ট প্রকারের জন্য, অতিরিক্ত বৈশিষ্ট্য উপলব্ধ:
আপনি যখন বৈশিষ্ট্য সমন্বয় করবেন, লাইভ প্রিভিউ সরাসরি আপডেট হবে, যা আপনার কম্পোনেন্ট কিভাবে দেখাবে তা দেখাবে। আপনি এছাড়াও:
আপনি যখন আপনার কম্পোনেন্টে সন্তুষ্ট হবেন, টুল স্বয়ংক্রিয়ভাবে টেইলউইন্ড CSS ক্লাসগুলি সহ তাত্পর্যপূর্ণ রিয়্যাক্ট কোড তৈরি করে। আপনি:
আপনার কাজে দরকারী হতে পারে আরো টুল খুঁজে বের করুন