Schaltflächen

Offset shadow press button

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

Offset shadow press button verwenden

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

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

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

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

2617Sinking lip buttonSchaltflächenEine klobige, abgerundete Kappe auf einem dunkleren Lippenband, die beim Drücken zusammenfällt, sodass die Kappe bündig in ihre Basis einsinkt und beim Loslassen wieder zurückspringt.

2574Arcade dome buttonSchaltflächenEin runder Druckknopf, dessen gewölbte Kappe über einem dunkleren Sockel schwebt und beim Drücken bündig mit einem sichtbaren Tropfen sitzt.

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.

2765Embossed press buttonSchaltflächenEine solide, abgerundete Taste, die im Ruhezustand wie eine erhabene physische Taste aussieht und sich beim Schweben, Fokussieren und Drücken in eine versenkte, in die Oberfläche gedrückte Optik verwandelt.

2566Growing ledge buttonSchaltflächenEin solider Akzentknopf, der auf einer dunkleren unteren Leiste ruht, die beim Schweben dicker wird und sich anhebt, dann dünner wird und unter Druck sinkt.