Skip to content

Commit bcc044b

Browse files
committed
Add pagination markup example to docs.
1 parent cd780c0 commit bcc044b

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
+++
2+
title = "Pagination"
3+
weight = 155
4+
description = "Pagination nav bars."
5+
+++
6+
7+
Pagination does not use any special markup or classes and re-uses the exiting buttons `<menu>`.
8+
9+
{% demo() %}
10+
```html
11+
<nav aria-label="Pagination">
12+
<menu class="buttons">
13+
<li><a href="#pagination" class="button outline small">&larr; Previous</a></li>
14+
<li><a href="#pagination" class="button outline small">1</a></li>
15+
<li><a href="#pagination" class="button outline small">2</a></li>
16+
<li><a href="#pagination" class="button small" aria-current="page">3</a></li>
17+
<li><a href="#pagination" class="button outline small">4</a></li>
18+
<li><a href="#pagination" class="button outline small">5</a></li>
19+
<li><a href="#pagination" class="button outline small">Next &rarr;</a></li>
20+
</menu>
21+
</nav>
22+
```
23+
{% end %}

0 commit comments

Comments
 (0)