Boutons

Breathing transport toggle

Une puce de lecture teintée qui bascule entre lecture et pause au clic, son glyphe respirant pendant que le pointeur repose dessus.

Utiliser Breathing transport toggle

Une puce de lecture teintée qui bascule entre lecture et pause au clic, son glyphe respirant pendant que le pointeur repose dessus.

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: accent, playing, breathSpeed, tint

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

2466Add Then Confirm ChipBoutonsUne puce sombre avec une étiquette chaude dont le plus oscille d'un côté à l'autre au survol, puis se transforme en coche et signale l'élément ajouté.

2115Bookmark save chipBoutonsUne puce de sauvegarde compacte dont le signet passe du contour au remplissage et tire légèrement vers le bas au moment où un élément est enregistré.

2575Bookmark save toggleBoutonsUne puce de sauvegarde compacte dont le glyphe de signet se remplit de manière unie et conserve une bordure fine une fois l'élément enregistré.

2602Breathing CTA pillBoutonsUn appel à l'action aux extrémités arrondies qui gonfle au survol et s'installe dans une lente impulsion respiratoire d'échelle et de luminosité jusqu'à ce que le pointeur s'en aille ou que le bouton soit enfoncé.

2550Captioned Like ButtonBoutonsUn bouton cardiaque composé uniquement d'icônes qui révèle une légende s'élevant du dessous lors du survol ou de la mise au point, et se remplit avec un dépassement rapide lorsque vous l'aimez.

2675Chat launcher morphBoutonsUn lanceur rond dont le contour de la bulle se redessine en une marque rapprochée tandis que ses trois points rétrécissent.