Schaltflächen

Tracing edge button

Eine durchgezogene Schaltfläche, bei der vier Haarlinien an gegenüberliegenden Ecken beginnen und beim Schweben den gesamten Umfang zeichnen und sich genau dann treffen, wenn der Umriss endet.

Tracing edge button verwenden

Eine durchgezogene Schaltfläche, bei der vier Haarlinien an gegenüberliegenden Ecken beginnen und beim Schweben den gesamten Umfang zeichnen und sich genau dann treffen, wenn der Umriss endet.

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, traceMs, cornerRadius

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

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

2647Hairline trace submitSchaltflächenEine dunkle Senden-Schaltfläche, deren ein Pixel langer Haaransatz aufleuchtet, der von der Kante, auf die der Mauszeiger eingegeben hat, um den Umfang herum verläuft und sich dann auf die gleiche Weise wieder zurückzieht.

2484Perimeter draw buttonSchaltflächenEine kurze, dicke Stange, die unter dem Etikett geparkt ist, dehnt sich aus und bewegt sich beim Schweben um alle vier Seiten, bis sie sich zu einem vollständigen Umriss schließt, und zieht sich dann beim Verlassen wieder in die Stange zurück.

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.