Schaltflächen

Ring reveal button

Eine übergroße Pille mit einem dicken Ringrand mit Farbverlauf, deren dunkle Innenseite beim Schweben klar wird, um die vollständige Farbverwaschung freizulegen, und beim Verlassen des Zeigers wieder ausgeblendet wird.

Ring reveal 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, ringWidth, paddingY, revealOnHover

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

2595Detached Ring PillSchaltflächenEine dunkle Pille, die von einem schwebenden Umrissring umkreist wird, der weiter nach außen drückt und die Pille beim Schweben mit Farbe überflutet.

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.

2521Ring halo pill buttonSchaltflächenEine Pillentaste, die um ihren farbigen Kern herum eine klare Lücke lässt, diese Lücke mit einem aufgehellten Akzentring beim Schweben oder auf der Tastatur füllt und sich beim Drücken nach innen drückt.

2531Skewed wipe reveal buttonSchaltflächenEine Pille, versteckt unter einer schrägen dunklen Platte; Wenn Sie den Mauszeiger darüber bewegen, wird das Panel vom rechten Rand verschoben, um die helle Füllung freizulegen, während die Beschriftung dunkel wird.

2488Travelling knob follow buttonSchaltflächenEine umrissene Pille, deren runder Knopf beim Schweben zum anderen Ende rollt, eine Akzentspur dahinter malt und eine Follower-Zählung ins Blickfeld schiebt; Durch Klicken bleibt der verfolgte Status erhalten und die Anzahl erhöht sich.

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