Breaking News: Grepper is joining You.com. Read the official announcement!

tailwind css form

Add Answer

Healthy Hamerkop answered on March 17, 2021 Popularity 1/10 Helpfulness 1/10

answer tailwind css form

related Tailwind CSS Forms

related form in tailwind css

tailwind css form

Comment

# Using npm
npm install @tailwindcss/forms

# Using Yarn
yarn add @tailwindcss/forms

Popularity 1/10 Helpfulness 1/10 Language css

Source: github.com

Tags: css tailwind-css

Link to this answer
Share Copy Link

Contributed on Mar 17 2021

Healthy Hamerkop

0 Answers Avg Quality 2/10

Closely Related Answers

Tailwind CSS Forms

Comment

<form>
  <div class="mb-6">
    <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Your email</label>
    <input type="email" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="name@flowbite.com" required>
  </div>
  <div class="mb-6">
    <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Your password</label>
    <input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
  </div>
  <div class="flex items-start mb-6">
    <div class="flex items-center h-5">
      <input id="remember" aria-describedby="remember" type="checkbox" class="w-4 h-4 bg-gray-50 rounded border border-gray-300 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800" required>
    </div>
    <div class="ml-3 text-sm">
      <label for="remember" class="font-medium text-gray-900 dark:text-gray-300">Remember me</label>
    </div>
  </div>
  <button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Submit</button>
</form>

Popularity 10/10 Helpfulness 4/10 Language html

Source: flowbite.com

Tags: forms form

Link to this answer
Share Copy Link

Contributed on Jan 31 2022

Zoltan Szogyenyi

0 Answers Avg Quality 2/10

form in tailwind css

Comment

<input type="email" class="form-input px-4 py-3 rounded-full">

<select class="form-select px-4 py-3 rounded-full">
  <!-- ... -->
</select>

<input type="checkbox" class="form-checkbox rounded text-pink-500" />

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: github.com

Tags: tailwind-css tailwind-c

Link to this answer
Share Copy Link

Contributed on Apr 19 2023

Imran Khan

0 Answers Avg Quality 2/10

tailwind css form

Contents

More Related Answers

tailwind css form

Closely Related Answers

Tailwind CSS Forms

form in tailwind css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.