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.
| Nombre | Tipo | Por defecto | Descripción |
|---|---|---|---|
buttonsObligatorio | (HubActionSheetButton | HubActionSheetGroup)[] | — | Las acciones, sueltas o en grupos con título. |
header | string | — | Título de la hoja, y su nombre accesible. |
subHeader | string | — | Línea secundaria bajo la cabecera. |
variant | string | — | Acento semántico, leído como --hub-sys-color-<variant>. |
backdropDismiss | boolean | true | Pulsar el fondo cierra la hoja. |
keyboard | boolean | true | Escape cierra la hoja. |
swipeToClose | boolean | true | Arrastrar la hoja hacia abajo más allá del umbral la cierra. |
animation | boolean | true | Anima entrada y salida. Se ignora con prefers-reduced-motion. |
panelClass | string | string[] | — | Clases adicionales en la hoja, para tematizar una sola. |
ariaLabel | string | — | Nombre 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.
| Nombre | Firma | Devuelve | Descripción |
|---|---|---|---|
HubActionSheet.open | open<D>(options: HubActionSheetOptions<D>): HubActionSheetRef<D> | — | Monta una hoja en el documento y devuelve el manejador de su resultado. |
HubActionSheetRef.result | result: 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.dismiss | dismiss(role?: 'backdrop' | 'escape' | 'swipe' | string): void | — | Cierra la hoja desde fuera, informando del rol indicado. |
provideHubActionSheet | provideHubActionSheet(config: Partial<HubActionSheetConfig>): EnvironmentProviders | — | Fija los valores por defecto de los que parte cada hoja. |
Templates
Todavía no hay templates documentados.