Skip to content
GU - Design System

Button

Figma logo Figma
🧪 Beta
book icon Guidelines
🛠 In progress
desktop icon Web
🔭 Alpha
phone icon Mobile
🔭 Alpha

Button

Les boutons fournissent des indices pour déclencher des actions ou naviguer dans une expérience. Ce composant fondamental permet à l’utilisateur d’exécuter une action, de soumettre un formulaire ou de naviguer vers une autre page.

Quand l’utiliser

Utilisez un bouton lorsque :

  • L’utilisateur soumet un formulaire.
  • L’utilisateur démarre une nouvelle tâche ou action.

Les boutons de notre design system se déclinent en trois types :

  • Primary – Action principale (bouton d’appel à l’action).
  • Secondary – Action complémentaire.
  • Tertiary – Action tertiaire (pour des interactions moins marquées).

Exemples

Usage de base

<script lang="ts">
  import { Button } from '@behavy/glowup-design-system';
</script>


<Button text="Hello" on_click={() => alert("click")} />