Navigation Layout

Ejemplos

El bloque Navigation Layout proporciona un flujo de trabajo shell componible para gestionar operaciones de navigation layout.

#Uso

Navigation Layout compone múltiples componentes de Solidiom en una interfaz shell cohesiva. Gestiona transiciones de estado, obtención de datos e interacciones del usuario específicas para flujos de navigation layout.

#Dependencias

Navigation Layout depende de los siguientes componentes:

• Button
• Alert
• Avatar
• Badge
• Breadcrumbs
• Checkbox
• Data Table
• Navigation Menu
• Breadcrumb
• Accordion
• Spinner

#Estados

Navigation Layout implementa los siguientes estados:

• Loading
• Empty
• Error
• Restricted

Cada estado se renderiza con indicadores visuales y retroalimentación del usuario apropiados.

#Límite de datos

Navigation Layout opera dentro del siguiente límite de datos: se comunica con el servicio shell relevante a través de APIs bien definidas. El bloque no persiste datos más allá de su alcance de sesión; todo el estado se deriva de la capa de servicio o la interacción del usuario.

#Instalación

pnpm add @solidiom/recipes-css

Instala los paquetes de receta requeridos y las dependencias de componentes listadas arriba.

#Diseño

Navigation Layout se renderiza como un contenedor responsivo con un encabezado, área de contenido y pie de acciones. Soporta diseños de página completa e insertados, adaptándose al espacio disponible del viewport.

#Accesibilidad

Navigation Layout delega la accesibilidad a sus componentes subyacentes. La navegación por teclado sigue los contratos a nivel de componente, y el bloque proporciona landmarks, encabezados y atributos ARIA apropiados para su estructura compuesta.