Design System · Demo
Fundamentos, patrones y componentes del Design System con estructura guiada.
Escenario demo Esta pantalla replica un formato de showcase tipo EditableCard: resumen superior + grid de escenarios, con datos mock-first y control global de estados para QA rapido.
CRUD embebido
Escenarios de idiomas y familiares con acciones primarias/secundarias y row actions.
Cumplimiento
Tarjetas orientadas a riesgo y seguimiento con estados, badges y acciones de soporte.
Lectura operativa
Bloques read-only para historial y proyectos, listos para paneles de detalle.
Idiomas del colaborador
CRUD demo con control de columnas, acciones de header y row actions.
Familiares
Resumen de dependientes con estatus y quick action de vista completa.
Certificaciones
Control de vigencia con alertas de renovacion y acciones de soporte.
Historial laboral
Escenario read-only orientado a consulta cronologica.
Cumplimiento documental
Seguimiento de riesgo documental con acciones de remediacion por fila.
Asignaciones a proyectos
Escenario mixto con estados activo/completado y accion primaria de asignacion.