Schaltflächen

Swallowing Chip Button

Ein Pillenknopf mit einem kleinen Lichtchip am rechten Rand, der sich beim Schweben ausdehnt, bis er den gesamten Knopf bedeckt.

Swallowing Chip Button verwenden

Ein Pillenknopf mit einem kleinen Lichtchip am rechten Rand, der sich beim Schweben ausdehnt, bis er den gesamten Knopf bedeckt.

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, duration, expandOnFocus

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

2622Disc to Pill CTASchaltflächenEine kleine gefüllte Scheibe neben einem leeren Etikett in Großbuchstaben dehnt sich beim Schweben oder Fokussieren zu einer vollen Pille aus, gibt den Text frei und trägt den Pfeil mit.

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.

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.

1827Expanding icon pillSchaltflächenEine 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.

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.

1633Flip face buttonSchaltflächenEin Knopf mit zwei Flächen, die bei einer dreidimensionalen Drehung die eine gegen die andere tauschen und sich von der Stelle, an der sie sich befindet, umkehren, wenn der Zeiger weggeht.