Boutons

Destructive sweep button

Une 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.

Permanently removes this draft for every collaborator on the workspace.

Utiliser Destructive sweep button

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, holdToConfirm, holdMs

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

2477Icon sweep delete buttonBoutonsUn bouton destructeur dont la vignette d'icône plus sombre s'étend du bord droit sur la face en survol, recouvrant l'étiquette pendant que le couvercle de la poubelle s'ouvre.

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.

2619Slide away destructiveBoutonsUn bouton destructeur dont l'étiquette glisse vers la gauche pour ne laisser qu'une croix, puis se transforme en un visage de réussite avec une coche pendant un instant lorsqu'on appuie dessus.

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.

1636Hold to deleteBoutonsUn 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.

2551Staged expand delete buttonBoutonsUne vignette d'icône de corbeille carrée qui s'élargit après un court délai de survol, fait apparaître son étiquette en fondu et demande un deuxième clic de confirmation avant de se déclencher.