Boutons

Sliding label button

Un bouton solide dont l'étiquette s'enroule tout droit hors du cadre tandis qu'une deuxième ligne s'enroule par le bas pour prendre sa place.

Utiliser Sliding label button

Un bouton solide dont l'étiquette s'enroule tout droit hors du cadre tandis qu'une deuxième ligne s'enroule par le bas pour prendre sa place.

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, hoverLabel, variant, accent, slideMs

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

2215Rolling cube label buttonBoutonsUn bouton dont l'étiquette se trouve sur la face d'une boîte peu profonde, donc pointé vers lui fait rouler la boîte d'un quart de tour et un deuxième message arrive d'en haut.

1836Rolling Label ButtonBoutonsUne pilule compacte et lumineuse qui enroule sa légende hors de vue et fait apparaître une deuxième ligne par le bas en survol.

1632Dot flood buttonBoutonsUne pilule avec un petit point à côté de son étiquette ; le survol agrandit le point jusqu'à ce qu'il inonde tout le bouton et que l'étiquette passe à son jumeau inversé.

2703Skewed wipe swap buttonBoutonsUn bouton qui change son étiquette en survol ou en mise au point tandis qu'un panneau d'accent cisaillé s'efface sur son visage.

2682Ticker swap buttonBoutonsUn bouton de pilule dont l'étiquette est remplacée au survol par un ticker sans fin du même mot courant latéralement sur son visage.

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.