{"id":43,"date":"2018-04-27T14:55:50","date_gmt":"2018-04-27T14:55:50","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=43"},"modified":"2018-05-31T18:47:50","modified_gmt":"2018-05-31T18:47:50","slug":"filters","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/components\/filters\/","title":{"rendered":"Filters"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tFilters<br \/>\n\t<\/h1>\n<h4>\n\t\t\tWhen a list contains more than 25 items, use filtering to help find options from the list. May only be used with Dropdown or Multi-select Dropdown. Cannot be used with Inline Dropdown.<br \/>\n\t<\/h4>\n<h4>\n\t\t<a href=\"#\" title=\"Filter\" target=\"_self\"><br \/>\n\t\tFilter<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sites.neoninspire.com\/style-guide\/wp-content\/uploads\/sites\/141\/2018\/05\/Table-Closed.svg\" alt=\"Table Closed\" itemprop=\"image\" height=\"198px\" width=\"407px\" title=\"Table Closed\"  \/><\/p>\n<pre>.filter-label {\nfont-family: Lato-Regular;\nfont-size: 14px;\ncolor: #002D41;\nline-height: 14px;\n}\n.filter-dropdown {\nfont-family: Lato-Regular;\nfont-size: 14px;\ncolor: #0074D9;\nline-height: 14px;\n}\n<\/pre>\n<h4>\n\t\t<a href=\"#\" title=\"Standard open filter\" target=\"_self\"><br \/>\n\t\tStandard open filter<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>See <a href=\"https:\/\/sites.neoninspire.com\/style-guide\/components\/filters\/\">Dropdowns\u00a0<\/a><\/p>\n<h4>\n\t\t<a href=\"#\" title=\"Open with filter search\" target=\"_self\"><br \/>\n\t\tOpen with filter search<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>See <a href=\"https:\/\/sites.neoninspire.com\/style-guide\/components\/filters\/\">Dropdowns\u00a0<\/a><\/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>.filter-label<\/em><\/p>\n<p><em>.filter-dropdown<\/em><\/p>\n<p>Left side label that puts the dropdown filter in context<\/p>\n<p>the dropdown that the user interacts with to make their filter choice<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Filters When a list contains more than 25 items, use filtering to help find options from the list. May only be used with Dropdown or Multi-select Dropdown. Cannot be used with Inline Dropdown. Filter .filter-label { font-family: Lato-Regular; font-size: 14px; color: #002D41; line-height: 14px; } .filter-dropdown { font-family: Lato-Regular; font-size: 14px; color: #0074D9; line-height:&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-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/43","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=43"}],"version-history":[{"count":11,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":1091,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/43\/revisions\/1091"}],"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=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}