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="tc-slate-12 fw-600">Message</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>