Schaltflächen

Rim to fill gradient button

Eine dunkle Schaltfläche zeigt im Ruhezustand nur einen dünnen Farbverlaufsrand; Wenn Sie den Mauszeiger darüber bewegen, wird das innere Panel abgelegt, sodass der Farbverlauf die gesamte Fläche überflutet, und durch Drücken wird es nach unten gedrückt.

Rim to fill gradient 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, accent, endColor, rimWidth, angle, pressScale

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

2314Charge Up Action ButtonSchaltflächenEine Kohlepille, die beim Schweben zu einem gesättigten Farbverlaufsschlüssel aufleuchtet und von der Oberfläche abhebt, während sich ihre Markierung dreht und heller wird.

1862Gradient swap buttonSchaltflächenEine abgerundete Schaltfläche, deren diagonale Schattierung beim Schweben ihre beiden Stopps wechselt, sodass die helle Ecke über das Gesicht wandert.

2669Graphite Slab CTASchaltflächenEin dunkler Plattenknopf mit fester Breite und einer dezenten Graphitrampe, die sich beim Schweben anhebt und an der Unterkante eine dünne Akzentlinie trägt.

2578Swelling pill buttonSchaltflächenEine Farbverlaufspille mit einem Farbton, die beim Schweben größer anschwillt, während sich darunter ein getönter Schatten ausbreitet und beim Drücken kurz komprimiert wird.

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

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.