Textarea

Amazium provides a consistent, accessible styling for textareas, ensuring they look and behave the same across all browsers.

Full-width by default for better usability
Styled borders that highlight on focus
Supports placeholders and labels for clarity
Disabled and invalid states for error handling

Default Textarea

<fieldset>
  <label for="text">Label</label>
  <div class="input">
    <textarea cols="50" rows="4" name="comment" placeholder="Placeholder"></textarea>
  </div>
  <p class="message">Sorry looks like you choose poorly.</p>
</fieldset>

Disabled Textarea

<fieldset>
  <label for="text">Label</label>
  <div class="input">
    <textarea cols="50" rows="4" name="comment" placeholder="Placeholder" disabled></textarea>
  </div>
  <p class="message">Sorry looks like you choose poorly.</p>
</fieldset>

Invalid Textarea

<fieldset class="invalid">
  <label for="text">Label</label>
  <div class="input">
    <textarea cols="50" rows="4" name="comment" placeholder="Placeholder"></textarea>
  </div>
  <p class="message">Sorry looks like you choose poorly.</p>
</fieldset>