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.
Ejemplos interactivos
Explora ejemplos en vivo que muestran cómo se comporta la librería en casos de uso habituales de Angular.
Abrir una hoja
La hoja se abre desde un servicio y responde una sola vez, así que mientras está cerrada no queda nada de ella en la página.
Abrir una hoja
Roles y handlers
El rol decide dónde se sitúa cada acción y cómo se lee; el handler decide si la hoja puede cerrarse.
Roles y un handler que se niega
Acciones agrupadas
Bloques con título propio, para una hoja lo bastante larga como para que una lista plana deje de leerse.
Acciones agrupadas
pdfAcento y tokens
Un acento semántico para toda la hoja, y una variable CSS para cada decisión visual por debajo.
Acento y 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.