API-Referenz

Hier ist der vollständige Vertrag für action-sheet: alles, was du binden, abhören, projizieren und gestalten kannst, an einem Ort gesammelt. Verdrahte, was du brauchst, und gestalte, was du willst — es ist standalone und Signals-freundlich.

Inputs

Stelle action-sheet mit 10 Inputs ein. Binde sie wie jeden Angular-@Input.

Name	Typ	Standard	Beschreibung
`buttons`Erforderlich	`(HubActionSheetButton \| HubActionSheetGroup)[]`	—	Die Aktionen, flach oder in betitelten Gruppen.
`header`	`string`	—	Titel des Blattes und sein zugänglicher Name.
`subHeader`	`string`	—	Zweite Zeile unter der Überschrift.
`variant`	`string`	—	Semantischer Akzent, gelesen als --hub-sys-color-<variant>.
`backdropDismiss`	`boolean`	`true`	Ein Klick auf den Hintergrund schließt das Blatt.
`keyboard`	`boolean`	`true`	Escape schließt das Blatt.
`swipeToClose`	`boolean`	`true`	Das Blatt über die Schwelle hinunterzuziehen schließt es.
`animation`	`boolean`	`true`	Animiert Ein- und Austritt. Wird bei prefers-reduced-motion ignoriert.
`panelClass`	`string \| string[]`	—	Zusätzliche Klassen am Blatt, um ein einzelnes zu gestalten.
`ariaLabel`	`string`	—	Zugänglicher Name, wenn keine Überschrift ihn liefert.

Outputs

Noch keine Outputs dokumentiert.

Methoden

Steuere action-sheet aus dem Code heraus — 5 Methoden auf der programmatischen Schnittstelle.

Name	Signatur	Rückgabe	Beschreibung
`HubActionSheet.open`	`open<D>(options: HubActionSheetOptions<D>): HubActionSheetRef<D>`	—	Hängt ein Blatt ins Dokument und gibt den Griff auf sein Ergebnis zurück.
`HubActionSheetRef.result`	`result: Promise<HubActionSheetResult<D>>`	—	Löst einmal auf: mit Rolle und Daten der gewählten Aktion oder damit, wie das Blatt geschlossen wurde.
`HubActionSheetRef.closed$`	`closed$: Observable<HubActionSheetResult<D>>`	—	Derselbe Wert wie result, für Aufrufer, die in Strömen arbeiten.
`HubActionSheetRef.dismiss`	`dismiss(role?: 'backdrop' \| 'escape' \| 'swipe' \| string): void`	—	Schließt das Blatt von außen und meldet die angegebene Rolle.
`provideHubActionSheet`	`provideHubActionSheet(config: Partial<HubActionSheetConfig>): EnvironmentProviders`	—	Setzt die anwendungsweiten Vorgaben, von denen jedes Blatt ausgeht.

Templates

Noch keine Templates dokumentiert.