Boutons

Ring reveal button

Une pilule surdimensionnée avec une bordure épaisse en anneau dégradé dont la face intérieure sombre s'éclaircit au survol pour exposer le lavis de couleur, puis s'estompe lorsque le pointeur s'éloigne.

Utiliser Ring reveal button

Une pilule surdimensionnée avec une bordure épaisse en anneau dégradé dont la face intérieure sombre s'éclaircit au survol pour exposer le lavis de couleur, puis s'estompe lorsque le pointeur s'éloigne.

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, ringWidth, paddingY, revealOnHover

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

Detached Ring Pill

2595Detached Ring PillBoutonsUne pilule sombre en orbite autour d'un anneau de contour flottant qui pousse plus loin et inonde la pilule de couleur en survol.

Disc to Pill CTA

2622Disc to Pill CTABoutonsUn petit disque rempli à côté d'une étiquette majuscule nue s'étire en une pilule pleine en survol ou en mise au point, révélant le texte et entraînant la flèche.

Ring halo pill button

2521Ring halo pill buttonBoutonsUn bouton de pilule qui maintient un espace clair autour de son noyau coloré, remplit cet espace avec un anneau d'accent allégé lors du survol ou de la mise au point du clavier, et se serre vers l'intérieur lorsqu'il est enfoncé.

Skewed wipe reveal button

2531Skewed wipe reveal buttonBoutonsUne pilule cachée sous un panneau sombre incliné ; le survol fait glisser le panneau du bord droit pour découvrir le remplissage clair tandis que l'étiquette devient sombre.

Travelling knob follow button

2488Travelling knob follow buttonBoutonsUne pilule décrite dont le bouton rond roule jusqu'à l'extrémité en survol, peignant une piste d'accent derrière elle et faisant glisser un décompte de suiveurs en vue ; cliquer conserve l'état suivi et augmente le décompte.

Amber upload pill

2707Amber upload pillBoutonsUne pilule de téléchargement en dégradé chaud avec un bord brillant qui élargit sa dominante colorée et éclaire l'étiquette par derrière en survol.