tailwind.config.js code example

Example 1: tailwindcss init full

//Scaffolding the entire default configuration

//This will full tailwind.config.js file at the root of your project:

npx tailwindcss init -- full

Example 2: add tailwind full

npx tailwindcss init --full

Example 3: javascript replace class tailwindcss

<form>
  <input class="bg-gray-200 hover:bg-white hover:border-gray-300 focus:outline-none focus:bg-white focus:shadow-outline focus:border-gray-300 ...">
  <button class="bg-teal-900 hover:bg-teal-600 focus:outline-none focus:shadow-outline ...">
    Sign Up
  </button>
</form>

Example 4: javascript replace class tailwindcss

<form>
  <input class="bg-gray-200 hover:bg-white hover:border-gray-300 focus:outline-none focus:bg-white focus:shadow-outline focus:border-gray-300 ...">
  <button class="bg-green-500 hover:bg-teal-600 focus:outline-none focus:shadow-outline ...">
    Sign Up
  </button>
</form>