Un seul geste principal.
Le système d’interface d’un espace dirigeant, imaginé comme un titre fiduciaire : encre intaille, rosettes guillochées, numéros de série. Des composants Twig maison, du SCSS par couches, Stimulus et Turbo pour le comportement.
- Twig Components
- SCSS modules
- Stimulus
- Turbo
- Sans dépendance UI
Actions
Une seule action principale pleine par contexte : elle porte la trame guillochée qui moire au survol. Un bouton agit, un lien navigue.
Ui:Button
Contrat du composant
Props : intent primary, secondary, danger ; appearance solid, soft, outline, ghost ;
size sm, md, lg ; disabled, loading (bouton désactivé et
aria-busy) ; href rend un lien. Les classes et attributs Stimulus de l’appelant sont
fusionnés par attributes.defaults().
<twig:Ui:Button appearance="soft" data-action="catalog#notify">
Continuer
</twig:Ui:Button>