Überlagerungen

Button-to-dialog morph

Eine pillenförmige Schaltfläche, die direkt in einen Bestätigungsdialog hineinwächst und ihre abgerundete Form und Beschriftung während des Übergangs beibehält, anstatt ein separates Modal zu öffnen.

Button-to-dialog morph 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, confirmLabel, accent

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

2311Card to fullscreen modalÜberlagerungenEine Listenkarte, die sich unter Verwendung ihres eigenen Bilds und Titels kontinuierlich in ein nahezu bildschirmfüllendes Detailfenster verwandelt und sich beim Schließen wieder zurück verwandelt.

2300App folder expandÜberlagerungenEine Ordnerkachel im Startbildschirm-Stil, deren kleine App-Symbole zu einem vollständigen Bedienfeld wachsen, wobei jedes Symbol von seiner Miniaturansicht zu seiner großen Position wandert.

2426Shared-Element LightboxÜberlagerungenEin Raster aus Miniaturansichten, bei dem durch Klicken auf eine davon diese nahtlos in eine große zentrierte Überlagerung umgewandelt wird und durch Schließen wieder an ihre ursprüngliche Stelle zurückverwandelt wird.

2295Account Dropdown MenuÜberlagerungenEin Avatar-Auslöser, der ein gruppiertes Kontomenü mit Hinweisen zu Tastenkombinationen, einem Themen-Untermenü und einer destruktiven Abmeldezeile öffnet, die sich vom Rest abhebt.

2296Account Menu FlyoutÜberlagerungenEine Profilübersichtsschaltfläche, die ein Kontomenü mit beschrifteten Zeilen öffnet, mit einer kleinen gebogenen Indikatorlinie, die gerade wird, wenn das Menü geöffnet ist.

1910Anchored detail popoverÜberlagerungenEine Auslöserschaltfläche, die ein kleines verankertes Bedienfeld mit einem betitelten Einstellungsformular öffnet, aus der Auslöserkante herauswächst und sich bei Escape oder einem Klick von außen schließt.