Gecombineerde velden

Introductie

Gecombineerde velden zijn invoervelden die samen met een knop of icoon worden weergegeven.

Snelstart

    
      
    
    @use "@minvws/manon/components/form";
@use "@minvws/manon/components/form-combined-field";
  

Voorbeelden

Voorbeeld; Invoerveld met icoonknop

Ipsum

Verzend

    
      
    
    <form action="">
  <div>
    <label for="voorbeeld-1-date-1-start">Ipsum</label>
    <div class="combined-field">
      <input id="voorbeeld-1-date-1-start" name="voorbeeld-1-date-1-start" type="text" />
      <button aria-label="zoeken"><span class="icon icon-search"></span></button>
    </div>
  </div>
  <button type="submit">Verzend</button>
</form>