Getting started

Components

Navigation

Forms

Tailwind textarea

Responsive textarea built with Tailwind. Textarea defines a multi-line text input control and is often used in a form, to collect user inputs like comments or reviews.

Basic example

        
            
    <div class="flex justify-center">
      <div class="mb-3 xl:w-96">
        <label for="exampleFormControlTextarea1" class="form-label inline-block mb-2 text-gray-700"
          >Example textarea</label
        >
        <textarea
          class="
            form-control
            block
            w-full
            px-3
            py-1.5
            text-base
            font-normal
            text-gray-700
            bg-white bg-clip-padding
            border border-solid border-gray-300
            rounded
            transition
            ease-in-out
            m-0
            focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none
          "
          id="exampleFormControlTextarea1"
          rows="3"
          placeholder="Your message"
        ></textarea>
      </div>
    </div>