Schaltflächen

Lift and settle button

Eine durchgezogene Schaltfläche, die nach oben schwebt und beim Schweben die Akzentfarbe annimmt und dann beim Drücken über ihre Ruhelinie hinaus in einen reduzierten Schatten sinkt.

Lift and settle button verwenden

Eine durchgezogene Schaltfläche, die nach oben schwebt und beim Schweben die Akzentfarbe annimmt und dann beim Drücken über ihre Ruhelinie hinaus in einen reduzierten Schatten sinkt.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: label, accent, lift, pressDepth, radius

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1825Deep Slab ButtonSchaltflächenEine hohe Platte, die auf einem langen diagonalen Schatten über der Seite schwebt und beim Schweben darauf sinkt und dann beim Klicken flach aufschlägt.

2534Elevated chip buttonSchaltflächenEin blasser, abgerundeter Chip, der auf gestapelten weichen Schatten ruht, der sich beim Schweben zum Akzent hin verfärbt und beim Drücken auf einen tieferen Schatten mit einer Akzentkontur absinkt.

2660Elevation ladder fill buttonSchaltflächenEine Kapsel, die zwischen Ruhe, Schweben und Drücken drei Höhenstufen erklimmt, während eine sanfte Akzentwaschung über ihre Vorderseite verläuft.

2776Press down sweep buttonSchaltflächenEin fester Knopf, dessen Füllung beim Schweben von einer Seite heller wird und beim Halten flach auf die Seite fällt.

2471Center bloom buttonSchaltflächenEine solide, abgerundete Pille, die von der Mitte nach außen heller wird, während ein blasser, kreisförmiger Schimmer über die eigenen Ränder hinauswächst und dann beim Drücken flach zusammensinkt.

1857Floating download pillSchaltflächenEine vollständig abgerundete Pille, die über der Seite zu schweben scheint und sich beim Bewegen und Drücken näher daran bewegt.