Schaltflächen

Soft inset press button

Eine nahezu schwarze Platte, die über einem passenden Panel auf zwei gegenüberliegenden weichen Schatten liegt, sinkt beim Halten in die Oberfläche und erhebt sich beim Loslassen wieder.

Soft inset press button verwenden

Eine nahezu schwarze Platte, die über einem passenden Panel auf zwei gegenüberliegenden weichen Schatten liegt, sinkt beim Halten in die Oberfläche und erhebt sich beim Loslassen wieder.

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, depth, radius, restOpacity

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

1868Lift and Sink ButtonSchaltflächenEine getönte Monospace-Taste, die beim Schweben nach oben schwebt und beim Drücken in ihrem eigenen Schatten versinkt.

1831Press block buttonSchaltflächenEin abgerundeter Blockknopf, der auf einer soliden Schattenleiste ruht, die sich beim Drücken des Knopfes nach unten verkürzt.

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.

1847Carved Pill ButtonSchaltflächenEine Pille, die durch gegensätzliche innere Schatten in eine weiche, matte Oberfläche geschnitzt wird und in dem Moment, in dem man darüber schwebt oder fokussiert wird, zu einem erhabenen Polster aufsteigt.

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.

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.