Angular Action Sheet | ng-hub-ui-action-sheet

Angular Action Sheet, aus einem Service geöffnet: Aktionen mit Rollen, flach oder gruppiert, Handler, die das Schließen verweigern können, und Schließen per Hintergrund, Tastatur oder Ziehen.

Interaktive Beispiele

Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.

Ein Blatt öffnen

Das Blatt wird aus einem Service geöffnet und antwortet genau einmal; solange es geschlossen ist, bleibt nichts davon auf der Seite.

Ein Blatt öffnen

Nothing chosen yet

Rollen und Handler

Die Rolle entscheidet, wo eine Aktion steht und wie sie gelesen wird; der Handler entscheidet, ob das Blatt schließen darf.

Rollen und ein Handler, der sich weigert

The first attempt always fails, on purpose

Gruppierte Aktionen

Blöcke mit eigenem Titel, für ein Blatt, das zu lang ist, als dass eine flache Liste noch lesbar wäre.

Gruppierte Aktionen

Export format: pdf

Akzent und Tokens

Ein semantischer Akzent für das ganze Blatt und eine CSS-Variable für jede visuelle Entscheidung darunter.

Akzent und Tokens

The accent colours the selected action; the branded sheet also changes its radius, its touch targets and the width it is allowed to take.