---
{
  title: 'Pagination',
  layout: 'docs.11ty.js',
  tag: 'nve-pagination'
}
---

## Installation

{% install 'nve-pagination' %}

## Skippable

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'Skippable' %}

## Disabled

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'Disabled' %}

## Flat

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'Flat' %}

## Inline

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'Inline' %}

## Disable Step

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'DisableStep' %}

## Dynamic Items

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'DynamicItems' %}

## Dynamic Step Size

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'DynamicStepSize' %}

## Suffix Label

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'SuffixLabel' %}

## Forms

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'Forms' '{ "inline": false, "height": 300 }' %}

## No Provided Items Count

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'NoItemsCount' '{ "inline": false, "height": 200 }' %}

## Pattern - Page List

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'PageListPattern' %}

## Pattern - Page List Skip

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'SkipPattern' %}

## Pattern - Vertical

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'VerticalPattern' %}

## Pattern - Custom Select

{% example '@nvidia-elements/core/pagination/pagination.examples.json' 'CustomSelectPattern' %}
