Schaltflächen

Dashed outline tooltip button

Eine 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.

Design system refresh

Updated 2 hours ago by Mesa Okafor

Hover or press Tab on the dashed button to flood it and unroll the hint.

Dashed outline tooltip 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, tip, accent, dashWidth, gap, placement

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

2538Diagonal blob flood buttonSchaltflächenEin umrissener Knopf, der von einem großen runden Klecks überflutet ist, der von der oberen Ecke diagonal nach innen gleitet und beim Halten dunkler wird.

2664Sketched outline buttonSchaltflächenEine 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.

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.

2603Color relay sign-inSchaltflächenEin Anmeldetablett, dessen Vier-Segment-Markierung ihre Farben nacheinander an kreisförmige Fluten weitergibt, die im Relais über die Schaltfläche streichen.