TAILWIND — Components

مقدمة

تعلّم Components في TAILWIND مع شرح واضح ومثال عملي.

ماذا ستتعلم؟

• ما هو Components
• متى نستخدمه
• كيف يعمل عملياً
• مثال جاهز للنسخ

الصياغة

class="px-4 py-2 ..."

مثال

<button class="px-4 py-2 rounded-lg bg-green-600 text-white">Tailwind Button</button>

ملاحظات

• جرّب المثال في Playground.
• ابدأ بسيطاً ثم طوّر.

أخطاء شائعة

• نسيان الصياغة الصحيحة.
• عدم اختبار النتيجة.

جرّب بنفسك: افتح Playground: /ar/playground/html