Schaltflächen

Carved Pill Button

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

Carved Pill 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, surface, accent, depth, radius, raiseOnHover

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

2533Soft inset press buttonSchaltflächenEine 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.

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.

2191Molded key send buttonSchaltflächenEin aus der Seite selbst geformter Sendeknopf: eine erhabene äußere Hülle, die eine vertiefte innere Pille mit einem Papierflieger und einem Etikett enthält.

2691Rim ramp buttonSchaltflächenEin dicker farbiger Rand umgibt eine dunkle Innenseite; Beim Schweben wird das Gesicht klarer und der Farbverlauf der Felge überflutet den gesamten Knopf.

2514Soft relief buttonSchaltflächenEine blasse Pille, die auf der einen Seite von einem warmen Glanzlicht und auf der anderen von einem kühlen Schatten hervorgehoben wird. Beim Schweben wird sie enger und verschwindet vollständig, wenn sie bündig gehalten wird.

2519Soft relief send buttonSchaltflächenEine aus einer hellen Oberfläche geformte Sendetaste: ein zweifarbiger Rand um ein weiches Innenpolster mit einem gefüllten Sendezeichen, das beim Halten flach sinkt.