Detalles

Son elementos desplegables que incluyen información adicional generalmente en forma de texto.

Anatomía #

• Título: Indica el contenido que se va a encontrar.
• Flecha: Indica si el elemento está abierto o cerrado según su posición.
• Contenido: Es libre pudiendo incluir cualquier otro componente.

Buenas prácticas #

• El título debe ser explicativo del contenido que se va a desplegar.
• Se recomienda que el título no sea especialmente largo.
• En general se recomiendo que el contenido no incluya interacciones muy complejas, como buscadores, acordeones, otros componentes de detalles, etc. para ello usar Toggles.