{"id":923,"date":"2018-05-22T23:10:38","date_gmt":"2018-05-22T23:10:38","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=923"},"modified":"2018-06-01T20:48:15","modified_gmt":"2018-06-01T20:48:15","slug":"pills","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/pills\/","title":{"rendered":"Pills"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tPills<br \/>\n\t<\/h1>\n<h4>\n\t\tPills can be used as a method of filtering data, to show only items within that particular category. And allow users to clear that filter by clicking the pill &#8220;x&#8221;.<br \/>\n\t<\/h4>\n<h4>\n\t\t<a href=\"#\" title=\"Default\" target=\"_self\"><br \/>\n\t\tDefault<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<pre>.pill-container {\nbackground: #D8DDE6;\nborder-radius: 100px;\n}\n.pill-text {\nfont-size: .9rem;\ncolor: #002D41;\ntext-align: left;\n}\n<\/pre>\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>.pill-container<\/em><\/p>\n<p><em>.pill-text<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Pills Pills can be used as a method of filtering data, to show only items within that particular category. And allow users to clear that filter by clicking the pill &#8220;x&#8221;. Default .pill-container { background: #D8DDE6; border-radius: 100px; } .pill-text { font-size: .9rem; color: #002D41; text-align: left; } Overview of CSS Classes Selector Summary&hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-923","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/923","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=923"}],"version-history":[{"count":5,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/923\/revisions"}],"predecessor-version":[{"id":1112,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/923\/revisions\/1112"}],"wp:attachment":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/media?parent=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}