Schaltflächen

Traveling border pill

Ein kleiner Pillenknopf, dessen haarfeiner Rand ein helles Akzentsegment endlos um den Umriss trägt, während der Etikettentext den gleichen reisenden Glanz erhält.

Traveling border pill verwenden

Ein kleiner Pillenknopf, dessen haarfeiner Rand ein helles Akzentsegment endlos um den Umriss trägt, während der Etikettentext den gleichen reisenden Glanz erhält.

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, lapMs, segment, showDivider

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

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

2601Arrow relay badge pillSchaltflächenEin Pillenknopf mit einem runden linken Abzeichen, dessen Pfeil beim Schweben durch die obere Ecke austritt, während ein neuer von unten eintrifft und der Körper fast schwarz 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.

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.

2709Border trace buttonSchaltflächenEin ruhiger, durchscheinender Knopf, dessen vier Kanten sich beim Schweben nacheinander zeichnen, während ein weiches Lichtband die Vorderseite kreuzt.

2602Breathing CTA pillSchaltflächenEin Aufruf zum Handeln mit rundem Ende, der beim Schweben anschwillt und sich in einen langsamen, atmenden Puls von Größe und Helligkeit verwandelt, bis der Zeiger weggeht oder die Taste gedrückt wird.