Form: Textarea

<div class="mb-6">
    <label for="message" class="block font-bold">Textarea label</label>
    <div class="mt-3">
        <textarea rows="4" name="message" id="message" class="block w-full border-dark/40 rounded px-5 py-3 focus:outline-none focus:ring-0 focus:shadow-lg focus:border-blue" placeholder="Enter message"></textarea>
    </div>
</div>

<div class="mb-6">
    <label for="message-error" class="block font-bold">Textarea label</label>
    <div class="mt-3">
        <textarea rows="4" name="message-error" id="message-error" class="block w-full border-red-500 rounded px-5 py-3 focus:outline-none focus:ring-0 focus:shadow-lg focus:border-red-500" placeholder="Enter message" aria-invalid="true" aria-describedby="email-error"></textarea>
    </div>
    <p class="mt-2 text-sm text-red-600" id="email-error">Error message</p>
</div>