{"id":911,"date":"2018-05-22T21:45:51","date_gmt":"2018-05-22T21:45:51","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=911"},"modified":"2019-01-09T18:57:27","modified_gmt":"2019-01-09T18:57:27","slug":"usage","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/dropdowns\/usage\/","title":{"rendered":"Usage"},"content":{"rendered":"\n\t<p>Components<\/p>\n<h1>\n\t\tDropdowns\n\t<\/h1>\n<h2>\n\t\tOverview\n\t<\/h2>\n\tA dropdown allows a user to select a value from a series of options.\u00a0 \u00a0Our dropdowns allow a user to search through a large list of choices.\n<h2>\n\t\tTypes\n\t<\/h2>\n<h5>\n\t\tName\n\t<\/h5>\n<h5>\n\t\tPurpose\n\t<\/h5>\n\t<p><strong>Single-select<\/strong><\/p>\n\t<p><strong>Multiselect<\/strong><\/p>\n\t<p>User may only choose one option from the selection<\/p>\n\t<p>User may choose multiple options through the use of checkboxes<\/p>\n<h2>\n\t\tBest Practices\n\t<\/h2>\n<h4>\n\t\t<a href=\"#\" title=\"Do\" target=\"_self\">\n\t\tDo\n\t\t<\/a>\n\t<\/h4>\n\t<ul>\n<li>Use a Dropdown when there are multiple choices that can be collapsed under one title. Or if the list of items is long or when space is constrained.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li>Dropdowns contain shortened statements or words.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li>Use a Dropdown when the selected option is more important than the alternatives (in contrast to radio buttons where all the choices are visible putting more emphasis on the other options).<\/li>\n<\/ul>\n<h4>\n\t\t<a href=\"#\" title=\"Don&#039;t\" target=\"_self\">\n\t\tDon&#8217;t\n\t\t<\/a>\n\t<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Components Dropdowns Overview A dropdown allows a user to select a value from a series of options.\u00a0 \u00a0Our dropdowns allow a user to search through a large list of choices. Types Name Purpose Single-select Multiselect User may only choose one option from the selection User may choose multiple options through the use of checkboxes Best&hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":907,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-911","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/911","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=911"}],"version-history":[{"count":5,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/911\/revisions"}],"predecessor-version":[{"id":1424,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/911\/revisions\/1424"}],"up":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/907"}],"wp:attachment":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/media?parent=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}