النماذج والإضافات

<input class="w-full rounded-lg border border-gray-300 px-4 py-2
              focus:border-purple-500 focus:ring-2 focus:ring-purple-200
              outline-none" />

<textarea class="w-full rounded-lg border p-3"></textarea>

<select class="rounded-lg border px-3 py-2">
  <option>خيار</option>
</select>

npm install @tailwindcss/forms

<article class="prose prose-lg dark:prose-invert">
  <h1>عنوان</h1>
  <p>فقرة منسّقة تلقائيًّا...</p>
</article>

<form class="space-y-4 max-w-md">
  <input class="w-full rounded-lg border px-4 py-2" placeholder="الاسم" />
  <button class="w-full rounded-lg bg-purple-600 py-2 text-white">إرسال</button>
</form>