Punky Builder · Patterns
Patterns Composants
Une bibliothèque de composants d'interface : boutons, badges, alertes, champs, cards, avatars. Bascule en vue HTML pour copier le markup.
Badges & tags
Versions soft et pleines, plus un badge avec pastille de statut.
NeutreNeutreOrangeOrangeSuccèsSuccèsErreurErreurInfoInfoEn ligne
Alertes
Quatre variantes : info, succès, attention, erreur.
Information
Un message neutre à titre indicatif.
Succès
L'opération s'est déroulée correctement.
Attention
Vérifiez ce point avant de continuer.
Erreur
Une erreur est survenue, réessayez.
Champs de formulaire
Styles d'inputs, select, textarea, cases, radio et toggle. (Pour de vrais formulaires, utilise le bloc Form natif.)
Cards
Trois styles de cartes assemblées avec des blocs natifs.
Carte avec image
Image, titre, description et action.
Carte avec icône
Une icône en vedette pour une fonctionnalité.
Avatars
Tailles, pastille de statut, et pile d'avatars superposés.
Progression
Barres avec libellé et pourcentage (largeur en style inline).
Frontend90%
Backend75%
DevOps60%