How can I create forms using Tailwind CSS?

How can I create forms using Tailwind CSS?

You can create forms in Tailwind CSS by using utility classes to style your form elements. Would you like a code example?

Yes, please provide a simple form example.

Here's a basic example:

<form class="space-y-4">
  <div>
    <label class="block text-sm font-medium text-gray-700">Email</label>
    <input type="email" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-opacity-50" placeholder="[email protected]" required />
  </div>
  <div>
    <label class="block text-sm font-medium text-gray-700">Password</label>
    <input type="password" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-opacity-50" required />
  </div>
  <button type="submit" class="w-full bg-blue-500 text-white py-2 rounded-md hover:bg-blue-600">Submit</button>
</form>

How can I customize the button styles?

You can customize button styles by changing the utility classes. For example, you can add bg-red-500 for a red button or hover:bg-red-600 for a darker shade on hover.