Schaltflächen

Sketched outline button

Eine umrissene Schaltfläche, deren vier Ecken absichtlich ungleichmäßig sind und die sich beim Schweben oder Fokussieren mit einem gestrichelten Strich in eine zweite schiefe Form neu zeichnet.

Sketched outline button verwenden

Eine umrissene Schaltfläche, deren vier Ecken absichtlich ungleichmäßig sind und die sich beim Schweben oder Fokussieren mit einem gestrichelten Strich in eine zweite schiefe Form neu zeichnet.

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, stroke, wobble, dashOnHover, duration

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

2536Dashed outline tooltip buttonSchaltflächenEine gestrichelte Geisterschaltfläche, die beim Schweben oder Fokussieren mit ihrem Akzent überflutet, während sich ein spitzer Tooltip aus dem Rand entfaltet, der der Schaltfläche am nächsten liegt.

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

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.

2598Clamp jaws glow buttonSchaltflächenEin hohler, umrissener Knopf, dessen seitliche Häkchen hineingleiten, in Backen übergehen und sich über dem Etikett schließen, wobei beim Schweben oder Fokussieren ein akzentuiertes Leuchten entsteht.

2596Corner bracket frame buttonSchaltflächenEin leeres Etikett in Großbuchstaben, das von zwei L-förmigen Klammern umschlossen wird, die von gegenüberliegenden Seiten her eingeschoben werden und dann wachsen, um den Rahmen zu schließen.

2644Corner bracket seal buttonSchaltflächenZwei kurze Eckwinkel wachsen an den Kanten entlang, bis sie beim Schweben einen vollständigen Rahmen um das Etikett bilden.