Schaltflächen

Double bevel button

Ein heller Knopf, der wie ein geformter Schlüssel aussieht, dank zweier entgegengesetzter innerer Schatten, einer von oben dunkel und einer von unten hell, die sich hinter einer kühlen grauen Rampe treffen.

Double bevel button 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: label, accent, bevel, radius, showMark

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

2509Dialog bevel buttonSchaltflächenEin kleiner grauer Systemknopf, der aus zwei ineinander verschachtelten harten Abschrägungen und einer gepunkteten inneren Fokusmarkierung besteht, deren abgeschrägte Linien sich beim Drücken vertauschen, sodass sie als „eingedrückt“ angezeigt werden.

2501Arcade plate buttonSchaltflächenEine breite Spielmenütaste mit einer grau umrandeten Platte, einer eingelassenen dunklen Abschrägung und einem eingeprägten Schriftzug, der beim Schweben heller wird und beim Gedrückthalten dunkler wird.

2674Bevel frame buttonSchaltflächenEin Knopf mit quadratischem Rahmen, dessen beide Enden beim Schweben zu Punkten abgeschrägt sind und das Rechteck in ein sechsseitiges Abzeichen verwandeln.

2708Bevel press pillSchaltflächenEine dunkle, abgeschrägte Pille mit einem eingelassenen runden Chip am Ende, der beim Drücken in die Oberfläche einsinkt.

2303Bevel swap buttonSchaltflächenEine blasse Platte, deren beleuchtete und schattierte Randseiten beim Schweben die Ecken vertauschen, während dahinter ein Fächer aus verblassenden Offsetkopien hervorstanzt.

2641Border brighten buttonSchaltflächenEine dunkle Schaltfläche, deren Zwei-Pixel-Rahmen der einzige bewegliche Teil ist: Beim Schweben wird sie weiß und verkleinert sich zu einem engen inneren Ring, während die Schaltfläche gedrückt gehalten wird.