Myna UI

Textareas

Basic

Last Edited on January 25, 2022

<!-- Needs TailwindCSS Forms Plugin github.com/tailwindlabs/tailwindcss-forms -->

<div class="w-full space-y-0.5">
  <label for="basic" class="text-sm text-gray-500">Write your review:</label>
  <textarea
    id="basic"
    rows="4"
    placeholder="Enter your review here"
    class="block w-full rounded-md border-gray-200 text-sm transition focus:border-blue-600 focus:ring-blue-600 disabled:cursor-not-allowed disabled:bg-gray-200 disabled:opacity-75"></textarea>
</div>

Disabled

Last Edited on January 25, 2022

<!-- Needs TailwindCSS Forms Plugin github.com/tailwindlabs/tailwindcss-forms -->

<div class="w-full space-y-0.5">
  <label for="disabled" class="text-sm text-gray-500">Write your review:</label>
  <textarea
    id="disabled"
    rows="4"
    placeholder="Enter your review here"
    disabled
    class="block w-full rounded-md border-gray-200 text-sm transition focus:border-blue-600 focus:ring-blue-600 disabled:cursor-not-allowed disabled:bg-gray-200 disabled:opacity-75"></textarea>
</div>

Error

Last Edited on January 25, 2022

We don't accept negative reviews

<!-- Needs TailwindCSS Forms Plugin github.com/tailwindlabs/tailwindcss-forms -->

<div class="w-full space-y-0.5">
  <label for="error" class="text-sm text-gray-500">Write your review:</label>
  <textarea
    id="error"
    rows="4"
    placeholder="Enter your review here"
    class="block w-full rounded-md border-red-600 text-sm ring-1 ring-red-600 transition focus:border-blue-600 focus:ring-blue-600 disabled:cursor-not-allowed disabled:bg-gray-200 disabled:opacity-75">
I don't like this...  
  </textarea>
  <p class="pt-1 text-xs text-red-600">We don't accept negative reviews</p>
</div>