Schaltflächen

Tinted disc swell button

Ein dunkler Monospace-Schlüssel mit einer unteren Vignette; Beim Schweben schwillt in der Mitte eine durchscheinende farbige Scheibe an, die das Gesicht tönt, ohne es zu verbergen.

Tinted disc swell button verwenden

Ein dunkler Monospace-Schlüssel mit einer unteren Vignette; Beim Schweben schwillt in der Mitte eine durchscheinende farbige Scheibe an, die das Gesicht tönt, ohne es zu verbergen.

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, discOpacity, swellSeconds, 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?

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

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.

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.

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.

2635Rim to fill gradient buttonSchaltflächenEine 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.

2569Unfurling chevron ring buttonSchaltflächenEin Knopf mit getöntem Umriss, der einen durchsichtigen Ring wachsen lässt, seine Beschriftung vergrößert und beim Schweben ein Chevron ausrollt, wobei der Ring beim Drücken fest einrastet.

2466Add Then Confirm ChipSchaltflächenEin dunkler Chip mit einem warmen Etikett, dessen Plus beim Schweben hin und her wackelt, sich dann in ein Häkchen verwandelt und meldet, dass das Element hinzugefügt wurde.