@umbraco-ui/uui-pagination

uui-pagination

Umbraco style pagination component. By implementing a resizeObserver it changes the number of visible buttons to fit the width of the container it sits in. Check this out in the Storybook. Uses <uui-button></uui-button> and <uui-button-group></uui-button-group>.

See it in action

Preview the component on Storybook

Installation

ES imports

npm i @umbraco-ui/uui-pagination

Import the registration of <uui-pagination> via:

import '@umbraco-ui/uui-pagination';

When looking to leverage the UUIPaginationElement base class as a type and/or for extension purposes, do so via:

import { UUIPaginationElement } from '@umbraco-ui/uui-pagination';

Usage

<uui-pagination total="100"></uui-pagination>

Changelog

1.9.0 (2024-07-25)

Bug Fixes

• adds an aria-label to the caret button with a matching property (fd699d5)
• uui-radio: keyboard navigation does not work as intended (#870) (46e93ca)
• uui-textarea: add danger border if the element is invalid (b16d500)

Features

• Consistent cursor style for checkbox and radiobutton (#857) (70c4efe)
• Indeterminate state for boolean input and checkbox (#856) (74a6121)
• uui-popover-container: remove the Firefox popover polyfill (#858) (d26635f)