Schaltflächen

Button set

Eine vollständige Schaltflächenfamilie, die sechs Absichten, sechs Größen, reine Symbolformen und einen Ladestatus abdeckt, der in einem Spinner wechselt, ohne dass sich die Breite der Schaltfläche ändert.

Button set 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: variant, size, accent, loading, disabled, label

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

1638Intent button setSchaltflächenEine komplette Button-Familie in einer Datei: Solid-, Soft-, Outline-, Ghost-, Link- und Danger-Gewichtungen in vier Größen, mit Icon-Slots, einem Beschäftigt-Status und einem echten Fokusring.

1646Press spring buttonSchaltflächenEine Basistastenfamilie in sechs Skins und vier Größen, deren Druck durch eine Feder komprimiert wird und nach hinten schwingt, identisch für Zeiger und Tastatur.

2509Dialog bevel buttonSchaltflächenEin kleiner grauer Systemknopf, der aus zwei ineinander verschachtelten harten Abschrägungen und einer gepunkteten inneren Fokusmarkierung besteht, deren abgeschrägte Linien sich beim Drücken vertauschen, sodass sie als „eingedrückt“ angezeigt werden.

2697Download tooltip buttonSchaltflächenEine quadratische Symbolschaltfläche, deren Download-Pfeil sich nach unten bewegt und die Akzentfarbe annimmt, während sich darunter eine dateigroße Beschriftung entfaltet.

1827Expanding icon pillSchaltflächenEine runde Symbolschaltfläche, die beim Schweben oder Fokussieren zu einer beschrifteten Pille heranwächst und deren Glyphe eine volle Umdrehung macht, wenn die Beschriftung hineingleitet.

2524Flight path confirm buttonSchaltflächenEin Buchungsknopf, der ein kleines Flugzeug in einer Runde um sein Gesicht fliegt, während drei Punkte pulsieren, dann grün wird und die Buchung als bestätigt meldet.