Aller au contenu

Styles de boutons

Bannière représentant la bibliothèque Stylus Skeletonic

Skeletonic comprend plusieurs styles intégrés :

Les boutons ont plusieurs styles de coloration qui peuvent être définis dans la propriété css :

Class Description
.default Style de bouton par défaut.
.primary Style de bouton principale.
.secondary Style de bouton secondaire.
.danger Style de bouton pour une action dangereuse ou négative.
.info Style de bouton info.
.link Style de bouton texte.
.success Style de bouton succès.
.warning Style de bouton avertissement.

Styles intégrés

Défaut

  <button type="button" class="default">Défaut</button>

Primaire

<button type="button" class="primary">Primaire</button>

Secondaire

<button type="button" class="secondary">Secondaire</button>

Danger

<button type="button" class="danger">Danger</button>

Info

<button type="button" class="info">Info</button>

Texte

<button type="button" class="link">Texte</button>

Succès

<button type="button" class="success">Succès</button>

Avertissement

<button type="button" class="warning">Avertissement</button>