Schaltflächen

Scene reveal button

Ein Knopf, dessen Beschriftungsschild beim Schweben nach oben gleitet, um eine kleine Wetterszene aus ziehenden Wolken, aufsteigenden Hügeln, einer sich drehenden Sonne und verstreuten Flocken freizulegen.

Scene 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: accent, label, flakes, width, spinSpeed

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

1848Center out fill buttonSchaltflächenEine umrandete Schaltfläche in Großbuchstaben, deren Akzentfüllung sich beim Schweben oder Fokussieren von einem Haaransatz in der Mitte nach außen zu beiden Rändern öffnet.

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.

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.

2775Orbiting confirm chipsSchaltflächenEine runde Symbolschaltfläche, die beim Schweben oder Fokussieren einen Bestätigungschip und einen Entlassungschip herausschleudert und sie dann wieder darunter zurückzieht.

2398Panel swallow buttonSchaltflächenEine Schaltfläche mit einem dunkleren Symbolfeld, das an einer Kante angedockt ist. Beim Bewegen des Mauszeigers oder beim Fokussieren über die Tastatur vergrößert sich das Bedienfeld über die gesamte Breite und die Beschriftung wird darunter ausgeblendet.

2591Ring reveal buttonSchaltflächenEine ü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.