G-Loot DS — textarea structure

by Augustin Hiebel

HTML

<!-- Text input -->
<div className="form-group">
  <label htmlFor="first-name">First name</label>
  <textarea name="first-name" id="first-name" class="max-h-[200px] resize-none" rows="1"></textarea>
</div>

<!-- Input group (left) -->
<div className="form-group">
  <label htmlFor="company-website">Company Website</label>
  <div className="input-group">
    <span>http://</span>
    <textarea name="company-website" id="company-website" class="max-h-[200px] resize-none" rows="1"></textarea>
  </div>
</div>

<!-- Input group (right) -->
<div className='form-group'>
  <label htmlFor="subdomain">Subdomain</label>
  <div className='input-group'>
    <textarea name="subdomain" id="subdomain" class="max-h-[200px] resize-none" rows="1"></textarea>
    <span> .gloot.com </span>
  </div>
</div>