Textarea

<textarea placeholder="Write your message..." rows="4" class="b-1 bc-silver-4 tc-black px-3 py-2 rad-0 fs-md f:oc-silver-1 f:os-s f:ow-2 w-full"></textarea>

<div class="d-f fd-c g-2 w-full">
  <label for="message" class="tc-silver-12 fw-600">Message</label>
  <textarea
    id="message"
    placeholder="Write your message..."
    rows="4"
    class="b-1 bc-silver-4 tc-black px-3 py-2 rad-0 fs-md f:oc-silver-1 f:os-s f:ow-2 w-full"
  ></textarea>
</div>

<div class="d-f fd-c g-2 w-full">
  <label for="bio" class="tc-silver-12 fw-600">Bio</label>
  <textarea
    id="bio"
    placeholder="Tell us about yourself..."
    rows="4"
    class="b-1 bc-silver-4 tc-black px-3 py-2 rad-0 fs-md f:oc-silver-1 f:os-s f:ow-2 w-full"
  ></textarea>
  <p class="fs-xs tc-silver-10">Write a short biography to display on your profile.</p>
</div>

<div class="d-f fd-c g-2 w-full">
  <label for="disabled-message" class="tc-slate-12 fw-600">Message</label>
  <textarea
    id="disabled-message"
    disabled
    placeholder="This textarea is disabled"
    rows="4"
    class="b-1 bc-silver-4 tc-black px-3 py-2 rad-0 fs-md f:oc-silver-1 f:os-s f:ow-2 w-full"
  ></textarea>
</div>

<div class="d-f fd-c g-1 w-full">
  <label for="error-message" class="fw-600 tc-slate-9">Message <span class="tc-slate-9 us-none">*</span></label>
  <textarea
    id="error-message"
    placeholder="Write your message..."
    rows="4"
    class="bg-red-1/15 px-3 py-2 rad-0 fs-md bc-red-6 b-1 f:oc-red-2 f:os-s f:ow-2 w-full"
  ></textarea>
  <span class="tc-red fs-xs">Message cannot be empty.</span>
</div>