{"id":38,"date":"2018-04-27T14:55:49","date_gmt":"2018-04-27T14:55:49","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=38"},"modified":"2018-05-31T21:12:40","modified_gmt":"2018-05-31T21:12:40","slug":"pagination","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/components\/pagination\/","title":{"rendered":"Pagination"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tPagination<br \/>\n\t<\/h1>\n<h4>\n\t\tPagination is used for splitting up content or data into several pages, with a control for navigating to the next or previous page.<br \/>\n\t<\/h4>\n<p>Neon&#8217;s pagination provides our users the ability to view a select amount of items per page, while also giving them the ability to scroll through and view each page. Pagination helps to control the amount of items viewed, allowing for greater flexibility for our user to view their data sets as they please.<\/p>\n<h4>\n\t\t<a href=\"#\" title=\"Base Code\" target=\"_self\"><br \/>\n\t\tBase Code<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<pre>.item_text {\nfont-family: Lato-Bold;\nfont-size: 12px;\ncolor: #54698D;\nletter-spacing: 0;\n}\nitem_value {\nfont-family: Lato-Regular;\nfont-size: 14px;\ncolor: #0074D9;\n}\n.divder_line {\nborder: 1px solid #DFE3E6;\n}\n.left_caret {\nfont-family: \"Font Awesome 5 Free\";\ncontent: fa-angle-left;\nbackground: #0074D9;\n}\n.dropdown_arrow {\nfont-family: \"Font Awesome 5 Free\";\ncontent: fa-caret-down;\nbackground: #0074D9;\n}\n.right_caret {\nfont-family: \"Font Awesome 5 Free\";\ncontent: fa-angle-right;\nbackground: #0074D9;\n}\n<\/pre>\n<h2>\n\t\tImportant to Note<br \/>\n\t<\/h2>\n<p>Pagination dropdowns can be rendered using the default dropdown per each web browserUse the browser default dropdown&#8217;s for each dropdown menu as illustrated.<\/p>\n<h2>\n\t\tOverview of CSS Classes<br \/>\n\t<\/h2>\n<h5>\n\t\tSelector<br \/>\n\t<\/h5>\n<h5>\n\t\tSummary<br \/>\n\t<\/h5>\n<h5>\n\t\tParent Selector<br \/>\n\t<\/h5>\n<p><em>.item-text<\/em><\/p>\n<p><em>.items-per-page<\/em><\/p>\n<p><em>.item-value<\/em><\/p>\n<p><em>.divider-line<\/em><\/p>\n<p><i>.left-caret<\/i><\/p>\n<p><em>.dropdown-arrow<\/em><\/p>\n<p><em>.right-caret<\/em><\/p>\n<p>summary needed<\/p>\n<p>summary needed<\/p>\n<p>summary needed<\/p>\n<p>summary needed<\/p>\n<p>summary needed<\/p>\n<p>summary needed<\/p>\n<p>summary needed<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Pagination Pagination is used for splitting up content or data into several pages, with a control for navigating to the next or previous page. Neon&#8217;s pagination provides our users the ability to view a select amount of items per page, while also giving them the ability to scroll through and view each page. Pagination&hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":380,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/38","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=38"}],"version-history":[{"count":9,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":1109,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/38\/revisions\/1109"}],"up":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/380"}],"wp:attachment":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}