G-Loot DS — text input with button

by Augustin Hiebel

HTML

<!-- Button secondary & tertiary -->
<div className="form-group">
  <label htmlFor="search-field">Search</label>
  <div className="input-group">
    <button role="button" className="button button-ghost">
      <span className="icon icon-zoom" />
    </button>
    <input type="text" name="search-field" id="search-field" />
  </div>
</div>

<!-- Button primary -->
<div className="form-group">
  <label htmlFor="send-email">Send email</label>
  <div className="input-group">
    <button type="button" className="button button-primary">
      <span>Send email</span>
    </button>
    <input type="password" name="send-email" id="send-email" />
  </div>
</div>