Boutons

Button set

Une famille complète de boutons couvrant six intentions, six tailles, des formes composées uniquement d'icônes et un état de chargement qui s'échange dans une roulette sans que la largeur du bouton ne change.

Utiliser Button set

Une famille complète de boutons couvrant six intentions, six tailles, des formes composées uniquement d'icônes et un état de chargement qui s'échange dans une roulette sans que la largeur du bouton ne change.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: variant, size, accent, loading, disabled, label

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

Intent button set

1638Intent button setBoutonsUne famille complète de boutons dans un seul fichier : solides, souples, contours, fantômes, liens et poids de danger dans quatre tailles, avec des emplacements pour icônes, un état occupé et une véritable bague de mise au point.

Press spring button

1646Press spring buttonBoutonsUne famille de boutons de base en six skins et quatre tailles dont la pression se comprime sur un ressort et dépasse en arrière, identique pour le pointeur et le clavier.

Dialog bevel button

2509Dialog bevel buttonBoutonsUn petit bouton système gris construit à partir de deux biseaux durs imbriqués et d'une marque de mise au point intérieure en pointillés, dont les lignes de biseau s'échangent lors de la pression pour qu'elles se lisent comme enfoncées.

Download tooltip button

2697Download tooltip buttonBoutonsUn bouton d'icône carré dont la flèche de téléchargement se déplace vers le bas et prend la couleur d'accent tandis qu'une légende de la taille d'un fichier se déroule en dessous.

1827Expanding icon pillBoutonsUn bouton icône rond qui se transforme en une pilule étiquetée lors du survol ou de la mise au point, faisant tourner son glyphe d'une révolution complète à mesure que l'étiquette glisse.

Flight path confirm button

2524Flight path confirm buttonBoutonsUn bouton de réservation qui fait faire un tour à un petit avion autour de son visage pendant que trois points clignotent, puis devient vert et signale que la réservation est confirmée.