Tailwind Textarea component

Responsive textarea built with Tailwind CSS. 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

Text fields allow users to enter text into the user interface. They typically appear in forms and dialog boxes. Textarea component extended user input so that more of the text is visible.

        
            
      <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>
      
        
    

If you are looking for more advanced options, try Bootstrap Textarea from MDBootstrap.