Boutons

Hard Shadow Button

Un bouton au contour épais qui soulève son ombre décalée solide au survol et s'y appuie au clic.

Utiliser Hard Shadow Button

Un bouton au contour épais qui soulève son ombre décalée solide au survol et s'y appuie au clic.

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, borderWidth, offset

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

2482Offset shadow press buttonBoutonsUn bouton au contour plat qui repose sur une ombre décalée et qui glisse vers le bas lorsqu'on appuie dessus, comme une véritable touche qui touche le fond.

2626Diagonal orb fill buttonBoutonsUn cercle surdimensionné glisse d'un coin à l'autre sur un bouton décrit, le remplissant sur la diagonale et s'assombrit dès que vous appuyez sur.

2371Inset Edge PillBoutonsUne pilule pâle avec un anneau fin tout autour et une lèvre plus épaisse en bas seulement, elle se lit donc comme une clé physique qui inonde de couleurs en survol.

2663Lifting hard shadow pillBoutonsUne pilule aux contours épais qui dérive vers le haut et vers la gauche en survol tandis que son ombre plate et solide s'étend en dessous et se presse contre la page lorsqu'elle est maintenue.

2633Offset bloom buttonBoutonsUne dalle plate et brillante sans bordure qui dégage une large brume décentrée de sa propre couleur en survol et la comprime lorsqu'elle est pressée.

2392Offset outline stackBoutonsUne face de bouton bordée reposant sur des calques de contour étagés comme un petit bloc de papier ; le survol fait glisser la feuille supérieure sur la pile et inverse son remplissage.