diff --git a/docs/components/pagination.md b/docs/components/pagination.md index 8b97b1a738..115e19cd5b 100644 --- a/docs/components/pagination.md +++ b/docs/components/pagination.md @@ -3,25 +3,13 @@ layout: page title: Pagination --- -
-

Pagination

+Provide pagination links for your site or app with the multi-page pagination component, or the simpler [pager alternative](#pagination-pager). -

Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

+## Default pagination -

Default pagination

-

Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

-
- -
-{% highlight html %} +Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas. + +{% example html %} -{% endhighlight %} +{% endexample %} -

Disabled and active states

-

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

-
- -
-{% highlight html %} +### Disabled and active states + +Links are customizable for different circumstances. Use `.disabled` for unclickable links and `.active` to indicate the current page. + +{% example html %} -{% endhighlight %} -

You can optionally swap out active or disabled anchors for <span> to remove click functionality while retaining intended styles.

+{% endexample %} + +You can optionally swap out active or disabled anchors for `` to remove click functionality while retaining intended styles. + {% highlight html %}