Hoja de acciones para Angular | ng-hub-ui-action-sheet

Hoja de acciones para Angular abierta desde un servicio: acciones con rol, sueltas o agrupadas, handlers que pueden negar el cierre, y cierre por fondo, teclado o arrastre.

Referencia API

Aquí tienes el contrato completo de action-sheet: todo lo que puedes enlazar, escuchar, proyectar y personalizar, reunido en un solo sitio. Enlaza lo que necesites y dale el estilo que quieras — es standalone y reactivo con signals.

Inputs

Ajusta action-sheet a tu gusto con 10 inputs. Se enlazan como cualquier @Input de Angular.

NombreTipoPor defectoDescripción
buttonsObligatorio(HubActionSheetButton | HubActionSheetGroup)[]Las acciones, sueltas o en grupos con título.
headerstringTítulo de la hoja, y su nombre accesible.
subHeaderstringLínea secundaria bajo la cabecera.
variantstringAcento semántico, leído como --hub-sys-color-<variant>.
backdropDismissbooleantruePulsar el fondo cierra la hoja.
keyboardbooleantrueEscape cierra la hoja.
swipeToClosebooleantrueArrastrar la hoja hacia abajo más allá del umbral la cierra.
animationbooleantrueAnima entrada y salida. Se ignora con prefers-reduced-motion.
panelClassstring | string[]Clases adicionales en la hoja, para tematizar una sola.
ariaLabelstringNombre accesible cuando no hay cabecera que lo dé.

Outputs

Todavía no hay outputs documentados.

Métodos

Controla action-sheet desde el código — 5 métodos en su superficie programática.

NombreFirmaDevuelveDescripción
HubActionSheet.openopen<D>(options: HubActionSheetOptions<D>): HubActionSheetRef<D>Monta una hoja en el documento y devuelve el manejador de su resultado.
HubActionSheetRef.resultresult: Promise<HubActionSheetResult<D>>Se resuelve una vez: con el rol y el dato de la acción elegida, o con la forma en que se cerró la hoja.
HubActionSheetRef.closed$closed$: Observable<HubActionSheetResult<D>>El mismo valor que result, para quien trabaje con flujos.
HubActionSheetRef.dismissdismiss(role?: 'backdrop' | 'escape' | 'swipe' | string): voidCierra la hoja desde fuera, informando del rol indicado.
provideHubActionSheetprovideHubActionSheet(config: Partial<HubActionSheetConfig>): EnvironmentProvidersFija los valores por defecto de los que parte cada hoja.

Templates

Todavía no hay templates documentados.