Paginación

El widget de paginación utiliza el elemento personalizado <devsite-pagination> para mostrar contenido paginado o alternar la cantidad de contenido que se muestra.

Uso general

El siguiente ejemplo utiliza el elemento personalizado <devsite-pagination> para especificar un elemento container que pagina cuatro elementos <div> por página.

división 1
división 2
división 3
división 4
división 5
división 6
División 7
división 8
división 9
división 10
división 11
división 12
división 13
división 14
división 15

Múltiples elementos HTML

El siguiente ejemplo usa el elemento personalizado <devsite-pagination> para especificar un elemento container que pagina los elementos <p> y <div> en el mismo contenedor.

Este es el párrafo 1.

Este es el párrafo 2.

Este es el párrafo 3.

Este es el párrafo 4.

Este es el párrafo 5.

Este es el párrafo 6.

Esta es la división 1.
Esta es la división 2.
Esta es la división 3.
Esta es la división 4.
Esta es la división 5.
Esta es la división 6.

Interfaz de usuario de botones

El siguiente ejemplo usa el elemento personalizado <devsite-pagination> para especificar un elemento container que carga ocho elementos <div> iniciales y se puede alternar para mostrar More .

división 1
División 2
división 3
división 4
división 5
división 6
División 7
división 8
división 9
división 10
división 11
división 12
división 13
división 14
división 15

Iniciar-expandir

El siguiente ejemplo usa el elemento personalizado <devsite-pagination> para especificar un elemento container con un atributo start-expanded que carga todos los elementos <div> y se puede alternar para mostrar Less .

división 1
división 2
división 3
división 4
división 5
división 6
División 7
división 8
división 9
división 10
división 11
división 12
división 13
división 14
división 15