Boutons

Hold to delete

Un bouton destructeur qui ne se déclenche qu'une fois que le pointeur est maintenu enfoncé suffisamment longtemps pour qu'une barre de remplissage le traverse et rembobine dès que vous le relâchez.

Utiliser Hold to delete

Un bouton destructeur qui ne se déclenche qu'une fois que le pointeur est maintenu enfoncé suffisamment longtemps pour qu'une barre de remplissage le traverse et rembobine dès que vous le relâchez.

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, holdMs, accent, showCountdown, glyph

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

Hold ring confirm

1707Hold ring confirmBoutonsUn bouton rond entouré d'un trait qui se dessine pendant que vous maintenez le doigt enfoncé, introduisant simultanément une valeur de progression dans l'anneau, l'échelle du bouton et la couleur de l'étiquette.

Copy flick tile

2590Copy flick tileBoutonsUne tuile carrée contenant une pile de deux pages ; un appui long fait disparaître la première page, confirme la copie dans la légende, puis réinitialise la pile.

Destructive sweep button

2696Destructive sweep buttonBoutonsUne action de suppression dont les nuances allant du rose au pourpre balayent de bout en bout en survol, inclinant le couvercle de la poubelle, avec une prise facultative pour confirmer la ligne le long du bord inférieur.

Hold to fill pad

2570Hold to fill padBoutonsUn tampon translucide qui se remplit vers le haut à partir de sa base aussi longtemps qu'il est tenu, puis engage et fait clignoter sa bordure lorsque le remplissage atteint le sommet.

2628Icon takeover deleteBoutonsUn bouton destructeur divisé en un mot gras et une cellule d'icône étroite ; le survol ou la mise au point agrandit la cellule sur tout le bouton jusqu'à ce qu'il ne reste que le glyphe, avec une confirmation en deux clics au toucher.

Send flight button

2724Send flight buttonBoutonsUn bouton lumineux brossé qui joue une courte séquence d'envoi : le glyphe en papier s'envole, une étiquette d'envoi compte ses points, puis un chèque arrive.