Schaltflächen

Offset shadow icon orb

Eine runde Schaltfläche, die nur aus Symbolen besteht und auf einem harten, versetzten Schatten ruht, in den sie beim Drücken flach eintaucht und beim Loslassen wieder herausgehoben wird, in der Größe für eine Reihe von Anmeldeoptionen.

The same token on a light card.

Press or hold Space to seat an orb into its shadow; release to lift it.

Offset shadow icon orb verwenden

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: size, accent, offset, glyph

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

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.

2715Glide swap buttonSchaltflächenEine Schaltfläche mit fester Breite, deren Beschriftung vom rechten Rand abrutscht, während die Glyphe in die Mitte gleitet. Alles sitzt auf einer harten farbigen Leiste, auf die die Schaltfläche beim Drücken fällt.

2608Grounded download pillSchaltflächenEin vollständig abgerundeter Download-Button mit einem akzentfarbenen Schatten, der beim Drücken enger wird, während sein Pfeil nach unten zeigt und zurückspringt.

2624Molded bevel buttonSchaltflächenEin hartkantiger Plattenknopf mit vier eingesetzten abgeschrägten Bändern, einem verwischungsfreien, versetzten Schatten und einer Presse, die ihn bündig auf die Oberfläche fallen lässt.

2199Notched offset slab buttonSchaltflächenEin blockiger Knopf in Großbuchstaben, der über einem harten, versetzten Schatten schwebt und mit zwei gefalteten Ecklaschen versehen ist, der beim Drücken in seinen eigenen Schatten gleitet.

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.