Schaltflächen

Expanding icon pill

Eine runde Symbolschaltfläche, die beim Schweben oder Fokussieren zu einer beschrifteten Pille heranwächst und deren Glyphe eine volle Umdrehung macht, wenn die Beschriftung hineingleitet.

Expanding icon pill verwenden

Eine runde Symbolschaltfläche, die beim Schweben oder Fokussieren zu einer beschrifteten Pille heranwächst und deren Glyphe eine volle Umdrehung macht, wenn die Beschriftung hineingleitet.

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, collapsed, expanded, spin

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

2469Arrow to label pillSchaltflächenEin runder Chevron-Knopf, der sich beim Schweben in eine breite beschriftete Pille ausdehnt und die Markierung gegen ein Wort eintauscht, während die flache Füllung zu einer Rampe mit zwei Stopps wird.

2350Expanding chip back buttonSchaltflächenEin heller Pillenknopf, dessen Akzentchip sich beim Schweben über die gesamte Breite erstreckt und seinen Pfeil zur anderen Seite trägt, während das Etikett an Ort und Stelle bleibt und abgedeckt wird.

2714Expanding icon pillSchaltflächenEine runde Symbolschaltfläche, die sich beim Schweben in eine beschriftete Pille ausdehnt und bei Eintreffen einer Akzentfüllung ihre Glyphe gegen ein Wort eintauscht.

1834Layer swap buttonSchaltflächenZwei abgerundete Schichten, die an einer Ecke verankert sind, tauschen Größen beim Schweben aus, wobei die ruhende Füllung zu einem Samen zusammenfällt, während der Samen wächst, um den Knopf zu füllen.

1895Swallowing Chip ButtonSchaltflächenEin Pillenknopf mit einem kleinen Lichtchip am rechten Rand, der sich beim Schweben ausdehnt, bis er den gesamten Knopf bedeckt.

2707Amber upload pillSchaltflächenEin warmer Farbverlaufs-Upload-Pill mit einem hellen Rand, der den Farbstich verbreitert und das Etikett beim Schweben von hinten beleuchtet.