-
Componentes
-
Módulos
-
Tipos de visualización
Carrito
88
- Clases auxiliares
-
Componentes
- Nativos de Liferay
- Interacciones
- Campos de formulario
- Botones
- Interruptores
- Filtros
- Desplegables
- Filtro aplicado
- Pestañas
- Filtro pestaña
- Vista cuadrícula o listado
- Línea divisoria
- Navegación
- Contenido
- Composiciones de texto
- Encabezado
- Elementos tarjetas
- Tablas
- Etiqueta
- Etiqueta
- Cifras
- Ficha Bloque Descriptivo
- Indicador de nivel
- Bloque persona
- Enlaces
- Descarga de ficheros
- Indicador fecha
- Logotipos
- Bloque ficha técnica
- Tarjetas
- Basica
- Pictograma
- Apertura - Tarjetas Flexibles
- Recurso Gráfico Compacta
- Básica Mosaico
- Calendarizada
- Datos de contacto
- Logotipo o pictograma
- Compra
- Accesos
- Contenedor Tarjetas
- Datos publicación
- Alertas
- Fondo imagen
- Multimedia
- Agenda
- Mover elemento responsivo
-
Módulos
- Funcionales
- Tarjetas
- Actualidad
- Contenido relacionado
- Apertura - Tres Destacados
- Carrusel
- Mosaico
- Mapa
- Filtrado
- Localizaciones
- Entradas destacadas
- Distributiva old
- Calendarizada
- Distributiva
- Publicación
- Accion
- Banner - Accesos directos
- Suscripcion
- Banner AccesoDirecto Ilustración
- Banner acceso directo textura
- Banner-Encuesta
- Banner - Etiquetas
- Acción-Compra
- Contenido
- Contenido + imagen
- Ficha-ilustracion
- Ficha-desplegables
- Tablas
- Contacto
- Descargas
- Ficha pestañas
- Citas destacadas
- Tarjetas
- Tarjetas-Pictograma
- Contenido Cifras+Imagen
- Listado
- Contenido-Entidades
- Cifras
- Selector alfabético
- Apertura
- Tipos de visualización
Ficha desplegables
El propósito del módulo Contenido-Ficha-Desplegables es organizar el contenido de forma compacta, permitiendo al usuario expandir o colapsar secciones para ver información adicional. Su propósito es mejorar la navegación y ahorrar espacio, mostrando solo lo necesario hasta que el usuario decida explorar más.
FRG_CMP_FichaIDesplegables
Fragmentos > Módulos - Contenido > FRG_CMP_FichaDesplegables
Claro
Enumeraciones
Label
Data
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Label
Data
Modo oscuro
Tiene compatiblidad con el modo oscuro que normalmente se activa con un contenedor que tenga la clase "block-dark-mode".
FRG_CMP_FichaIDesplegablesOscuro
Fragmentos > Módulos - Contenido > FRG_CMP_FichaDesplegablesOscuro
Oscuro
Enumeraciones
Label
Data
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Label
Data
Variantes adicionales
Podremos obtener más variantes con los ajustes del componente collapsable contenido, como añadir un icono, o quitar el icono y la enumeración.
Para cambiar entre sus diferentes variantes haremos usos de sus opciones generales
- Icon ID (Identificador del icono, consultar nombres en iconografia)
- Enumeración (Para mostrar la enumeración)
- Número de collapsables a mostrar
- Mostrar al mantener el cursor (El panel se mostrara al pasar el cursor por encima del botón)
- Mantener el panel abierto en el modo edición (Para facilitar el trabajo de edición)
Iconos
Claro
Iconos
Label
Data
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Label
Data
Sin iconos
Claro
Sin iconos
Label
Data
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
- Lorem ipsum dolor sit amet: Consectetur adipiscing elit. Pellentesque ultricies pellentesque fermentum.
Heading Example
Donec cursus quam eu dui convallis, ac euismod tellus consequat. Suspendisse tempus sodales nisi vel volutpat. Cras quis cursus nunc. Maecenas malesuada elit rutrum metus blandit, quis mattis lectus commodo. Proin facilisis sodales neque, vitae volutpat magna posuere id. Ut pellentesque blandit est ac aliquam. Integer sapien risus, malesuada nec bibendum in, tempor a purus. Nulla tempor tellus in purus volutpat dictum.
Label
Data