Schaltflächen

Nested capsule button

Ein Pillenknopf, der aus drei ineinander verschachtelten Kapseln besteht, die sich beim Schweben in den äußeren Ring abflachen, während das Etikett zur Akzentfarbe überblendet.

Docs · quick actions

Hover to sink the face into the ring, press to compress the stack.

Nested capsule button verwenden

Ein Pillenknopf, der aus drei ineinander verschachtelten Kapseln besteht, die sich beim Schweben in den äußeren Ring abflachen, während das Etikett zur Akzentfarbe überblendet.

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, showMark, gap, size

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

1842Blob cap buttonSchaltflächenEine Kapselschaltfläche mit einem einfarbigen Flüssigkeitsklecks, der aus einer ruhenden Eckmarkierung anschwillt, um beim Schweben die Form zu füllen.

2583Capsule in frame buttonSchaltflächenEin umrandetes äußeres Tablett, das eine schwebende innere Kapsel enthält, die für die Länge einer Presse im Rahmen versinkt.

2560Drifting aura buttonSchaltflächenEin sanft geprägtes, schräges Pad, das hinter seinen Rändern einen verschwommenen Farbstreifen hervorruft und den hellsten Teil um die Kontur gleiten lässt.

2660Elevation ladder fill buttonSchaltflächenEine Kapsel, die zwischen Ruhe, Schweben und Drücken drei Höhenstufen erklimmt, während eine sanfte Akzentwaschung über ihre Vorderseite verläuft.

2529Nested bezel send buttonSchaltflächenDrei verschachtelte Rahmen bilden einen klobigen physischen Knopf: eine äußere Lünette, eine schattierte Vertiefung und eine innere Kapsel, deren Glyphe sich beim Schweben um eine volle Umdrehung plus eine Vierteldrehung dreht.

2530Nudge arrow invert buttonSchaltflächenEine dunkle Pille in Großbuchstaben mit einem Pfeil am rechten Rand; Wenn Sie den Mauszeiger darüber bewegen, wird es zu einer blassen Oberfläche und bewegt den Pfeil nach vorne. Wenn Sie darauf drücken, blinkt eine warme Füllung auf.