Schaltflächen

Hard Shadow Button

Eine Schaltfläche mit dickem Umriss, die sich beim Schweben von ihrem festen versetzten Schatten löst und beim Klicken wieder hineingedrückt wird.

Hard Shadow Button verwenden

Eine Schaltfläche mit dickem Umriss, die sich beim Schweben von ihrem festen versetzten Schatten löst und beim Klicken wieder hineingedrückt wird.

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

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2482Offset shadow press buttonSchaltflächenEin flach umrandeter Knopf, der auf einem harten, versetzten Schatten sitzt und beim Drücken hineingleitet, wie bei einer echten Taste, die auf den Boden fällt.

2626Diagonal orb fill buttonSchaltflächenEin übergroßer Kreis gleitet von Ecke zu Ecke über eine umrandete Schaltfläche, füllt diese diagonal aus und wird in dem Moment, in dem Sie darauf drücken, dunkler.

2371Inset Edge PillSchaltflächenEine blasse Pille mit einem dünnen Ring rundherum und einer dickeren Lippe nur an der Unterseite, so dass sie wie ein physischer Schlüssel liest, der beim Schweben mit Farbe überflutet wird.

2663Lifting hard shadow pillSchaltflächenEine dick umrissene Pille, die beim Schweben nach oben und nach links driftet, während sich ihr flacher, fester Schatten darunter ausdehnt und beim Halten bündig gegen die Seite drückt.

2633Offset bloom buttonSchaltflächenEine flache, helle Platte ohne Rand, die beim Schweben einen breiten, außermittigen Schleier ihrer eigenen Farbe entstehen lässt und ihn beim Drücken komprimiert.

2392Offset outline stackSchaltflächenEine umrandete Knopfleiste, die wie ein kleiner Block Papier auf abgestuften Umrissschichten ruht; Hover schiebt das oberste Blatt auf den Stapel und dreht seine Füllung um.