Bounded sets
Single
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination single page test',
'pagination': {
'items': 1,
'current': 1,
'page_label': 'Page',
'unbounded': false,
}
}
%}
4 total
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination four items test',
'pagination': {
'items': 4,
'current': 1,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
1 of 7
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination one of seven test',
'pagination': {
'items': 7,
'current': 1,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
5 of 7
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination five of seven test',
'pagination': {
'items': 7,
'current': 5,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
1 of 8
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination one of eight test',
'pagination': {
'items': 8,
'current': 1,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
2 of 8
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination two of eight test',
'pagination': {
'items': 8,
'current': 2,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
4 of 8
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination four of eight test',
'pagination': {
'items': 8,
'current': 4,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
5 of 8
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination five of eight test',
'pagination': {
'items': 8,
'current': 5,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
6 of 8
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination six of eight test',
'pagination': {
'items': 8,
'current': 6,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
1 of 9
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination one of nine test',
'pagination': {
'items': 9,
'current': 1,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
2 of 9
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination two of nine test',
'pagination': {
'items': 9,
'current': 2,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
4 of 9
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination four of nine test',
'pagination': {
'items': 9,
'current': 4,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
5 of 9
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination five of nine test',
'pagination': {
'items': 9,
'current': 5,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
6 of 9
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'pagination six of nine test',
'pagination': {
'items': 9,
'current': 6,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
'last_item': {
'label': 'Last page',
}
}
}
%}
Unbounded sets
1
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'unbounded pagination one of seven test',
'pagination': {
'unbounded': true,
'items': 7,
'current': 1,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
}
}
%}
2
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'unbounded pagination two of nine test',
'pagination': {
'unbounded': true,
'items': 9,
'current': 2,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
}
}
%}
4
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'unbounded pagination four of nine test',
'pagination': {
'unbounded': true,
'items': 9,
'current': 4,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
}
}
%}
5
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'unbounded pagination five of nine test',
'pagination': {
'unbounded': true,
'items': 9,
'current': 5,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
}
}
%}
6
{% include "@components/usa-pagination/src/usa-pagination.twig" with
{
'aria_label': 'unbounded pagination six of nine test',
'pagination': {
'unbounded': true,
'items': 9,
'current': 6,
'page_label': 'Page',
'previous': {
'label': 'Previous'
},
'next': {
'label': 'Next'
},
}
}
%}