Anatomía del componente
Esta sección nombra las áreas visibles del componente. Los mismos nombres se usan en la documentación de tokens para que cada token pueda asociarse con la parte de la interfaz a la que afecta.
Contenedores
| Área | Descripción |
|---|---|
| Pantalla | Fondo exterior del componente embebido. |
| Contenedor | Bloque central que agrupa cabecera, lista de consentimientos y pie. |
| Cabecera | Sección superior con título, descripción opcional y selector de idioma. |
| Lista de consentimientos | Sección central donde se renderizan los consentimientos. |
| Pie | Sección inferior con alerta de validación y botón CTA. |
Cabecera
| Área | Descripción |
|---|---|
| Cabecera | Área superior que agrupa título, descripción de cabecera y selector de idioma. |
| Título | Encabezado principal mostrado en la parte superior del componente. |
| Descripción de cabecera | Texto explicativo opcional mostrado bajo el título. |
| Selector de idioma | Control usado para cambiar el idioma del componente cuando hay varios disponibles. |
| Menú de idioma | Desplegable que muestra las opciones de idioma disponibles. |
Consentimientos
| Área | Descripción |
|---|---|
| Consentimiento padre | Consentimiento principal. Puede agrupar consentimientos hijo relacionados. |
| Consentimiento hijo | Consentimiento anidado bajo un consentimiento padre. |
| Texto de consentimiento | Texto principal que identifica el consentimiento. |
| Descripción de consentimiento | Texto explicativo que aporta más detalle sobre el consentimiento. |
| Botón de despliegue | Control usado para mostrar u ocultar contenido adicional del consentimiento. |
| Icono de ayuda | Icono que abre o muestra información adicional sobre un consentimiento. |
| Control de selección | Control usado para aceptar, rechazar o activar un consentimiento. Puede ser switch o checkbox. |
Tarjetas de consentimiento
| Área | Descripción |
|---|---|
| Tarjeta de consentimiento | Contenedor visual que envuelve un consentimiento en modo boxed. En modo flat, los consentimientos no se muestran como tarjetas. |
Acciones y feedback
| Área | Descripción |
|---|---|
| Diálogo informativo | Panel flotante que muestra información adicional sobre un consentimiento. |
| Alerta de validación | Mensaje mostrado cuando el usuario debe revisar o completar la selección de consentimientos. |
| Botón CTA | Botón de acción principal usado para enviar o guardar el estado actual de selección. |