Section Heading
Componente de cabecera para secciones y páginas internas. Soporta dos tamaños, dos justificaciones y dos tipos (con o sin breadcrumbs).
Guía de uso por tamaño:
headingSize="large"— Para las cabeceras de secciones principales (ej: "Materiales", "Categorías"). Tipografía prominente (text-4xl), sin breadcrumbs.headingSize="small"— Para las cabeceras de páginas internas (ej: "Editar material", "Detalle de categoría"). Tipografía compacta(text-xl). Soporta breadcrumbs y botón "Volver" contype="secondary".
Primary · Centrado · Large
Para hero sections o cabeceras de secciones principales. CTAs opcionales dentro del bloque de contenido.
Gestión de Materiales
Catálogo de Materiales
Administrá el inventario completo de materiales de construcción. Importá, editá y gestioná toda la información desde un único lugar.
Primary · Centrado · Small
Variante compacta centrada para secciones secundarias o paneles con cabecera más discreta.
Gestión de Materiales
Filtros y búsqueda
Encontrá materiales por categoría, proveedor o código de referencia.
Primary · Izquierda · Large
Cabecera principal alineada a la izquierda. Heading y CTAs en la misma fila (flex-wrap en móvil).
Sección principal
Categorías de Materiales
Organizá los materiales en categorías y subcategorías para facilitar la búsqueda y la gestión del inventario.
Primary · Izquierda · Small
Cabecera interna alineada a la izquierda. Útil para sub-secciones dentro de una página.
Materiales de construcción
Detalles del material
Visualizá y editá la información completa del material seleccionado.
Secondary · Izquierda · Small (con breadcrumbs)
Variante para páginas internas: muestra breadcrumbs, botón Volver y la cabecera. Ideal para flujos de edición o detalle.
Editar material
Modificá los datos del material. Los cambios se guardarán en el catálogo.
Mínimo — Solo heading
Versión reducida sin contentType, body ni acciones. Para contextos donde la cabecera es solo un título.
Configuración