{"id":761,"date":"2018-05-15T16:42:03","date_gmt":"2018-05-15T16:42:03","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=761"},"modified":"2018-05-31T03:43:07","modified_gmt":"2018-05-31T03:43:07","slug":"usage","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/components\/pagination\/usage\/","title":{"rendered":"Pagination usage"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tPagination<br \/>\n\t<\/h1>\n<h4>\n\t\tPagination helps to consolidate sets of data and also help our users control the amount of data items they want to view per page.<br \/>\n\t<\/h4>\n<p>Generally, Pagination is used if there are more than 25 items displayed in one view. The default number displayed will vary depending on the context.<\/p>\n<h2>\n\t\tBest Practices<br \/>\n\t<\/h2>\n<h4>\n\t\t<a href=\"#\" title=\"Identify the current page\" target=\"_self\"><br \/>\n\t\tIdentify the current page<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>Clearly identify which page the user is on my displaying the current page number. By providing context into how many pages there are in total (eg. 1 of 4 pages), you can help provide clarity around the data displayed.<\/p>\n<h4>\n\t\t<a href=\"#\" title=\"Provide various options for navigating\" target=\"_self\"><br \/>\n\t\tProvide various options for navigating<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p><strong>Previous<\/strong>\u00a0and\u00a0<strong>next<\/strong>\u00a0chevrons or links are the most useful way for the user to move forward or backward through pages of data.<\/p>\n<h4>\n\t\t<a href=\"#\" title=\"Items per page\" target=\"_self\"><br \/>\n\t\tItems per page<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>Use an Inline select within the Pagination bar so the user can change the amount of data displayed per page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Pagination Pagination helps to consolidate sets of data and also help our users control the amount of data items they want to view per page. Generally, Pagination is used if there are more than 25 items displayed in one view. The default number displayed will vary depending on the context. Best Practices Identify the&hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":38,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-761","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/comments?post=761"}],"version-history":[{"count":3,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/761\/revisions"}],"predecessor-version":[{"id":1085,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/761\/revisions\/1085"}],"up":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/38"}],"wp:attachment":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/media?parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}