<tyro-ui-button>

Bouton

Bouton dashboard avec 4 variantes : classic, lite (avec directives gloss), gradient et ghost. Supporte les icônes, 3 tailles et un événement click optionnel.

Classic

Bleu plein, glow blanc au survol

Lite

Neutre, avec gloss + border glow au survol

Gradient

Dégradé brand, shimmer blanc au survol

Ghost

Sans fond, sans bordure - texte seul

Inputs

Propriété	Type	Défaut	Description
`[variant]`	`'classic' \| 'lite' \| 'gradient' \| 'ghost'`	`'classic'`	Style visuel du bouton
`[size]`	`'sm' \| 'md' \| 'lg'`	`'md'`	Taille du bouton
`[icon]`	`string`	`-`	Classe Remix Icon affichée à gauche du texte
`[iconRight]`	`string`	`-`	Classe Remix Icon affichée à droite du texte
`[disabled]`	`boolean`	`false`	Désactive le bouton (opacité réduite, curseur interdit)
`[type]`	`'button' \| 'submit' \| 'reset'`	`'button'`	Attribut HTML type du bouton natif

Outputs

Événement	Payload	Description
`(clicked)`	`void`	Émis au clic (ignoré si disabled)

Utilisation

<!-- Classic -->
<tyro-ui-button variant="classic" icon="ri-add-line" (clicked)="onCreate()">
  Créer
</tyro-ui-button>

<!-- Lite (gloss + border glow) -->
<tyro-ui-button variant="lite" icon="ri-filter-line">
  Filtres
</tyro-ui-button>

<!-- Gradient -->
<tyro-ui-button variant="gradient" size="lg" iconRight="ri-arrow-right-line">
  Commencer
</tyro-ui-button>

<!-- Ghost -->
<tyro-ui-button variant="ghost" [disabled]="isLoading">
  Annuler
</tyro-ui-button>