Slider Pagination

The Slider Pagination partial creates navigation controls for sliders and carousels. It can display as numbered buttons or as named tabs, with proper accessibility support and active state management. The numbered buttons are rendered under the slider, while tabs are rendered above to keep with common usage patterns.

Manifest

{
  "name": "slider-pagination",
  "type": "_partials",
  "styles": ["slider-pagination.css"],
  "scripts": [],
  "requires": []
}

Configuration

isTabs: true
slides:
  - text:
      title: 'First Slide'
  - text:
      title: 'Second Slide'
  - text:
      title: 'Third Slide'

Configuration Options

Example

For a real live example please visit the simple slider page.