File tree Expand file tree Collapse file tree 1 file changed +23
-0
lines changed
Expand file tree Collapse file tree 1 file changed +23
-0
lines changed Original file line number Diff line number Diff line change 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 %}
You can’t perform that action at this time.
0 commit comments