Schaltflächen

Uppercase action button

Eine kompakte gefüllte Aktionsschaltfläche mit einer verfolgten Großbuchstabenbeschriftung, eckigen Ecken und leisen, nur gefüllten Hover- und Gedrückt-Zuständen für Symbolleisten und Panel-Header.

Uppercase action 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, tracking, uppercase, disabled

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

2480Lifting share chipSchaltflächenEin kleiner fester Chip mit einem Glyphen und einer kurzen Kappenbeschriftung, der sich beim Schweben um einige Pixel anhebt und weicher wird, sich beim Drücken einrastet und ein gefülltes Glyph umschalten kann.

2617Sinking lip buttonSchaltflächenEine klobige, abgerundete Kappe auf einem dunkleren Lippenband, die beim Drücken zusammenfällt, sodass die Kappe bündig in ihre Basis einsinkt und beim Loslassen wieder zurückspringt.

2469Arrow to label pillSchaltflächenEin runder Chevron-Knopf, der sich beim Schweben in eine breite beschriftete Pille ausdehnt und die Markierung gegen ein Wort eintauscht, während die flache Füllung zu einer Rampe mit zwei Stopps wird.

2641Border brighten buttonSchaltflächenEine dunkle Schaltfläche, deren Zwei-Pixel-Rahmen der einzige bewegliche Teil ist: Beim Schweben wird sie weiß und verkleinert sich zu einem engen inneren Ring, während die Schaltfläche gedrückt gehalten wird.

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

2658Bouncing dot action buttonSchaltflächenEine Taste mit dunklem Akzent und einem kleinen Punkt am rechten Rand, der hüpft, während der Block heller wird und beim Hovern oder Tastaturfokus ein sanftes Leuchten erzeugt.