États des boutons¶

Les boutons de texte peuvent être placés devant une variété d’arrière-plans. Tant que le bouton n’est pas utilisé, son conteneur n’est pas visible.

États des boutons de texte¶

Skeletonic CSS a plusieurs états de boutons. Les classes de boutons peuvent être utilisées sur un élément <a>, <button>, or <input>.

En fonction de l’action déclenchée, différents types de boutons sont disponibles.

État actif¶

L’état actif indique qu’un bouton ou un paramètre est interactif.

État désactivé¶

L’état désactivé communique lorsqu’un composant ou un élément n’est pas interactif.

Pour désactiver un bouton, ajoutez l’attribut disabled directement à un <button>, ou définissez l’attribut disabled sur le <fieldset> contenant le bouton. Les boutons désactivés ne peuvent pas être interagis avec et n’ont aucun effet d’interaction visuelle.

État focalisé¶

L’état focalisé communique lorsqu’un utilisateur a mis en évidence un élément à l’aide d’un clavier ou d’une voix.

État survolé¶

L’état survolé communique lorsqu’un utilisateur a placé un curseur au-dessus d’un élément interactif.

État pressé¶

L’état enfoncé communique un clic, un appui ou une pression de l’utilisateur.