Boutons

Shifting frame button

Un bouton suivi sombre encadré par quelques pixels d'une large rampe bicolore qui glisse lentement pour que le cadre visible continue de changer de ton.

Utiliser Shifting frame button

Un bouton suivi sombre encadré par quelques pixels d'une large rampe bicolore qui glisse lentement pour que le cadre visible continue de changer de ton.

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: label, accent, secondary, cycle, frameWidth

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

Drifting halo button

2764Drifting halo buttonBoutonsUn bouton sombre entouré d'un cadre en forme de halo légèrement plus grand dans lequel une bande lumineuse de l'accent dérive sans fin autour du périmètre, éclaircissant et soulevant la plaque en survol.

Contrast Boost Frame Button

2659Contrast Boost Frame ButtonBoutonsUne plaque intérieure pâle flotte à l’intérieur d’un épais cadre peint, et en planant, le tout devient plus lumineux et plus saturé sans rien bouger.

Drifting mesh tilt

2713Drifting mesh tiltBoutonsUne pilule tenue selon une légère inclinaison tridimensionnelle tandis que de douces fleurs de lumière dérivent sous sa surface, se balançant entre deux poses lorsqu'elle est planée ou focalisée.

Gradient flip uppercase button

2360Gradient flip uppercase buttonBoutonsUn bouton majuscule rempli d'une rampe diagonale bicolore qui s'échange d'un bout à l'autre en survol, emportant avec lui son ombre portée teintée.

Bevel frame button

2674Bevel frame buttonBoutonsUn bouton à cadre carré dont les deux extrémités se biseautent en pointes au survol, transformant le rectangle en un badge à six côtés.

Border trace button

2709Border trace buttonBoutonsUn bouton translucide silencieux dont les quatre bords se dessinent en séquence au survol tandis qu'une douce bande de lumière traverse le visage.