This package has been deprecated

Author message:

Package no longer supported. Use @zendeskgarden/react-pagination instead.

@zendeskgarden/css-pagination

4.0.19 • Public • Published

@zendeskgarden/css-pagination npm version

This package provides component styling for page navigation.

Installation

npm install @zendeskgarden/css-pagination

Usage

Once installed, pagination CSS can be accessed via postcss-import.

@import '@zendeskgarden/css-pagination';

Pagination CSS classes are used to style the following canonical markup.

<ul class="c-pagination" role="navigation">
  <li class="c-pagination__page c-pagination__page--previous" aria-hidden="true">
    <a href>previous</a>
  </li>
  <li class="c-pagination__page" aria-current="true"><a href>1</a></li>
  <li class="c-pagination__page"><a href>2</a></li>
  <li class="c-pagination__page"><a href>3</a></li>
  <li class="c-pagination__page c-pagination__page--next"><a href>next</a></li>
</ul>

Modifications

See http://zendeskgarden.github.io/css-components/pagination/ for pagination component usage and modification classes.

Behavior

See the <Pagination> component for intended mouse and keyboarding behaviors.

Package Sidebar

Install

npm i @zendeskgarden/css-pagination

Weekly Downloads

77

Version

4.0.19

License

Apache-2.0

Unpacked Size

39.1 kB

Total Files

12

Last publish

Collaborators

  • zendesk-garden