தமிழ் CSS உடன் தனிப்பயன் உயிர்மூச்சு கூறுகளை உருவாக்கவும். பொத்தான்கள், உள்ளீடுகள், உரைப்பெட்டிகள், தேர்வுகள் மற்றும் வழிச்சுட்டிகளை உருவாக்கவும், உண்மையான நேர் முன்னோட்டம் மற்றும் உங்கள் திட்டங்களில் பயன்படுத்த தயார் குறியீடு.
டெய்லுவிண்ட் CSS உடன் React கூறிகளை உருவாக்கி நேரடி முன்னோட்டத்தைக் காண்க
<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 கூறுப்பொருள் கட்டுமானி என்பது Tailwind CSS உடன் தனிப்பயன் React கூறுப்பொருட்களை உடனடியாக உருவாக்க உதவும் வல்லமை வாய்ந்த காட்சி ஆசிரியர் ஆகும். இந்த இலவச ஆன்லைன் React Tailwind கூறுப்பொருள் கட்டுமானி, வடிவமைப்பாளர்களும் மேம்பாட்டாளர்களும் CSS குறியீட்டை கைமுறையாக எழுதாமல் உற்பத்திக்கு தயார் UI கூறுப்பொருட்களை உருவாக்க, தனிப்பயனாக்க மற்றும் ஏற்றுக்கொள்ள உதவுகிறது. எங்கள் உடனடி முன்னோட்ட React Tailwind கட்டுமானி மூலம், நீங்கள் பொத்தான்கள், படிவங்கள், உள்ளீடுகள், தேர்வு கீழ்த்தட்டுகள் மற்றும் வழிச்சுட்டி கூறுப்பொருட்களை Tailwind's utility-first CSS கட்டமைப்பைப் பயன்படுத்தி வடிவமைக்கும்போது உண்மையான நேர மாற்றங்களைக் காணலாம்.
எங்கள் React Tailwind கூறுப்பொருள் கட்டுமானி பொத்தான்கள், உரை உள்ளீடுகள், உரை பகுதிகள், தேர்வு கீழ்த்தட்டுகள் மற்றும் வழிச்சுட்டி வழிசெலுத்தல் உள்ளிட்ட அத்தியாவசிய UI கூறுப்பொருட்களை உருவாக்க ஆதரிக்கிறது. ஒவ்வொரு React கூறுப்பொருளும் Tailwind CSS utility வகுப்புகள் மூலம் நிறங்கள், இடைவெளி, டைப்பொகிராபி, எல்லைகள் மற்றும் பதிலளிக்கும் வடிவமைப்பு ஆகியவற்றை முழுமையாக தனிப்பயனாக்க முடியும் - அனைத்தும் உங்கள் பண்புகளை மாற்றும்போது உடனடி முன்னோட்டத்துடன் புதுப்பிக்கப்படும். விரைவான மாதிரி உருவாக்கம் மற்றும் கூறுப்பொருள் மேம்பாட்டிற்கு இது ஏற்றது.
கிடைக்கும் விருப்பங்களில் இருந்து உருவாக்க விரும்பும் கூறுப்பொருள் வகையைத் தேர்ந்தெடுக்கவும்:
ஒவ்வொரு கூறுப்பொருள் வகைக்கும் தனிப்பயனாக்கக்கூடிய பண்புகள் பட்டியலில் தோன்றும்.
ஒரு கூறுப்பொருள் வகையைத் தேர்ந்தெடுத்த பிறகு, பண்புகள் பட்டியலைப் பயன்படுத்தி அதன் தோற்றம் மற்றும் நடத்தையை தனிப்பயனாக்கலாம். பொதுவான பண்புகள் பின்வருமாறு:
குறிப்பிட்ட கூறுப்பொருள் வகைகளுக்கு, கூடுதல் பண்புகள் கிடைக்கின்றன:
நீங்கள் பண்புகளை சரிசெய்யும்போது, உடனடி முன்னோட்டம் உண்மையில் எவ்வாறு உங்கள் கூறுப்பொருள் தோற்றமளிக்கும் என்பதைக் காட்டி உடனடியாக புதுப்பிக்கிறது. நீங்கள் மேலும்:
நீங்கள் உங்கள் கூறுப்பொருளுடன் திருப்தியடைந்தால், கருவி தானாகவே Tailwind CSS வகுப்புகளுடன் பொருந்தும் React JSX குறியீட்டை உருவாக்குகிறது. நீங்கள்:
உங்கள் பணிப்பாக்கிலுக்கு பயனுள்ள மேலும் பயனுள்ள கருவிகளைக் கண்டறியவும்