Champs

Les trois états

vide
rempli
focus vide
focus rempli
data-disabled

Les trois tailles

data-size="sm"
data-size="md"
data-size="lg"

Types

texte
select
icône en tête
data-multiline

Actions dans le champ

effaçable
mot de passe

Groupe mis en avant

data-featured
Votre site web
data-state="success"
Votre site webInformations extraites avec succès !

Balisage

<div class="ice-field-group">
  <span class="ice-caps-m">Heure :</span>
  <!-- <label>, jamais <div> : c’est ce qui rend
       toute la boîte cliquable, icônes comprises -->
  <label class="ice-field">
    <i data-icon="clock" class="ice-field__icon"></i>
    <input class="ice-field__input" value="08:00">
  </label>
  <span class="ice-field-hint" data-tone="success">…</span>
</div>