टेलविंड सीएसएस सह कस्टम रिएक्ट घटक तयार करा. बटणे, इनपुट्स, टेक्स्टएरिया, निवड आणि ब्रेडक्रम्ब तयार करा आणि त्यांचा वास्तविक वेळ पूर्वावलोकन आणि तुमच्या प्रकल्पांमध्ये वापरण्यासाठी तयार कोड मिळवा.
टेलविंड सीएसएस सह रिएक्ट घटक बनवा आणि लाइव पूर्वावलोकन पहा
<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>
रिएक्ट टेलविंड घटक बिल्डर हा एक शक्तिशाली दृश्यमान संपादक आहे जो तुम्हाला टेलविंड सीएसएस यूटिलिटी वापरून तत्काळ कस्टम रिएक्ट घटक तयार करण्यास मदत करतो. हा मोफत ऑनलाइन रिएक्ट टेलविंड घटक बिल्डर डेव्हलपर्स आणि डिझायनर्सना सीएसएस कोड लिहिण्याशिवाय उत्पादन-तयार यूआय घटक बनविण्यास, कस्टमाइझ करण्यास आणि निर्यात करण्यास सक्षम करतो. आमच्या लाइव्ह प्रिव्ह्यू रिएक्ट टेलविंड बिल्डर सह, तुम्ही बटणे, फॉर्म्स, इनपुट्स आणि नेव्हिगेशन घटक डिझाइन करताना त्यात होणाऱ्या वास्तविक वेळेच्या बदलांना पाहू शकता.
आमचा रिएक्ट टेलविंड घटक बिल्डर बटणे, मजकूर इनपुट्स, टेक्स्टेरिया, निवड ड्रॉपडाउन, आणि ब्रेडक्रम नेव्हिगेशन यासह महत्त्वाच्या यूआय घटक तयार करण्यास समर्थन देतो. प्रत्येक रिएक्ट घटक टेलविंड सीएसएस यूटिलिटी वर्गांचा वापर करून पूर्णपणे कस्टमाइझ केला जाऊ शकतो रंग, स्पेसिंग, टायपोग्राफी, बॉर्डर्स आणि प्रतिसाद डिझाइनसाठी - सर्व तत्काळ लाइव्ह प्रिव्ह्यू सह जी गुणधर्म बदलताना डायनॅमिकली अपडेट होते. द्रुत प्रोटोटाइपिंग आणि घटक विकास यासाठी परफेक्ट.
उपलब्ध पर्यायांमधून आपण बनवायचा घटक प्रकार निवडण्याने सुरुवात करा:
प्रत्येक घटक प्रकारासाठी त्याच्या स्वतःच्या कस्टमाइझेबल गुणधर्म असतील जे गुणधर्म पॅनेलमध्ये दिसतील.
घटक प्रकार निवडल्यानंतर, गुणधर्म पॅनेलचा वापर करून त्याचे दिसणे आणि वर्तन कस्टमाइझ करू शकता. सामान्य गुणधर्म यात समाविष्ट आहेत:
विशिष्ट घटक प्रकारांसाठी, अतिरिक्त गुणधर्म उपलब्ध आहेत:
गुणधर्म समायोजित करताना, लाइव्ह प्रिव्ह्यू वास्तविक वेळेत अपडेट होते, आपला घटक कसा दिसेल ते दाखवत. तुम्ही असेही करू शकता:
एकदा तुम्ही आपल्या घटकाशी संतुष्ट असाल, तर साधन आपोआप संबंधित रिएक्ट जेएसएक्स कोड टेलविंड सीएसएस वर्गांसह जनरेट करते. तुम्ही:
बटणे वापरकर्ता परस्परसंवादासाठी आवश्यक यूआय घटक आहेत. आमच्या बिल्डरसह, तुम्ही विविध बटण शैली तयार करू शकता:
प्रमुख कस्टमाइझेशन पर्याय:
उदाहरण जनरेट केलेला कोड:
1<button
2 className="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 focus:ring-2 focus:ring-blue-300 focus:outline-none"
3>
4 सबमिट करा
5</button>
6मजकूर इनपुट वापरकर्त्यांना फॉर्मवर एकल-ओळीचा मजकूर प्रविष्ट करण्यास अनुमती देतात. आमचा बिल्डर आपल्या डिझाइन प्रणालीशी जुळणारे इनपुट तयार करण्यास मदत करतो:
प्रमुख कस्टमाइझेशन पर्याय:
आपल्या कामच्या प्रक्रियेसाठी उपयुक्त असणारे अधिक उपकरण शोधा.