@instructure/ui-pagination

category: packages

ui-pagination

Components

The ui-pagination package contains the following:

• Pagination

Installation

npm install @instructure/ui-pagination

Usage

import React from 'react'
import { Pagination } from '@instructure/ui-pagination'

const MyPagination = () => {
  return (
    <Pagination>
      <Pagination.Page current>1</Pagination.Page>
      <Pagination.Page>2</Pagination.Page>
      <Pagination.Page>3</Pagination.Page>
    </Pagination>
  )
}

Changelog

10.11.0 (2025-02-03)

Bug Fixes

• ui-breadcrumb: add and update aria tags in Breadcrumb and in documentation (e8db0f2)
• ui-menu: make Menu.Item apply target prop (6c85b31)
• ui-menu: screenreaders should read the correct number of menu items (0670648)
• ui-pagination: fix Pagination sometimes displaying non li elements in lists, fix key errors too (1dbe539)
• ui-time-select: clear input field after setting an empty value (1993282)
• ui-tooltip: ensure Esc key closes only the Tooltip when inside a Modal (0e6e1e4)

Features

• shared-types,ui-buttons: add theme variables for default and hover states for buttons (43fde61)
• ui-filedrop: add inputRef prop to make FileDrop focusable (a3a75e0)
• ui-icons: add give-award, grid-view, list-view icons (1f37f70)