Pagination

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

Key Features

  • Utility Class Integration: Allows for the addition of custom utility classes for further customization and styling of the pagination component.

  • Size Customization: Supports different sizes such as 'sm' (small) and 'lg' (large) for pagination buttons.

  • Flexible Alignment: Includes alignment options like 'start', 'end', 'center', and 'vertical' for positioning the pagination within the layout.

  • Accessibility Features: Designed with accessibility in mind, ensuring that the pagination component is usable by all audiences.

Customization Options

  • Dynamic CSS Classes: Customize the appearance of the pagination with custom CSS classes, size options, and alignment settings.

  • Adaptive Content: Easily adapt the pagination component to different content types and page structures.

Usage

{% include 'radix:pagination' with {
  pagination_utility_classes: ['custom-pagination-class'],
  size: 'lg',
  alignment: 'center',
  items: items,
} %}

Last updated