Composables
Usa esta pagina para consumo diario de composables en codigo de app cuando el setup de plugin ya esta estable.
Antes de empezar
- El setup del plugin ya esta completo y la app ya renderiza con NuvexUI.
- Necesitas comportamiento guiado por estado desde codigo de app, no una nueva abstraccion de componente.
- Quieres uso practico de useTheme, useOverlayService y useBreakpoint sin duplicar internals de theming.
Overview
Estos composables exponen comportamiento runtime que los componentes ya consumen internamente para que tu app coordine estado con los mismos contratos.
useTheme
Lee y cambia el estado del tema activo desde controles y flujos de UI en la app.
useOverlayService
Abre, cierra y apila overlays con comportamiento compartido de click fuera, escape, foco y bloqueo de scroll.
useBreakpoint
Ramifica comportamiento de UI con rangos reactivos de viewport alineados al sistema de breakpoints.
useTheme para controles de app
Usa este composable para conectar toggles y selectores al estado de tema activo sin crear un store paralelo de theming.
Mantiene aqui las operaciones runtime de consumo. Para resolucion inicial de tema, estrategia de persistencia y registro runtime de temas, continua en Runtime Theme API y Custom Themes.
Read and switch the active theme
useOverlayService para capas transitorias
Usa este composable cuando overlays custom necesitan el mismo comportamiento de lock scroll, foco, escape y z-index que overlays del framework.
Open and close overlays with shared behavior
useBreakpoint para ramificacion responsive
Usa rangos reactivos de viewport para ramificar densidad de layout, modo de navegacion y bloques condicionales de UI desde codigo de app.
Branch layout by viewport state
Componer varios composables
Combina estos composables para controlar un estado de UI coherente en lugar de repartir responsive, overlays y theming en stores desconectados.
Combine theme, breakpoint, and overlay state