{"id":765,"date":"2018-05-15T16:43:00","date_gmt":"2018-05-15T16:43:00","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=765"},"modified":"2018-06-01T20:59:38","modified_gmt":"2018-06-01T20:59:38","slug":"usage","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/components\/radio-button\/usage\/","title":{"rendered":"Radio Button usage"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tRadio Buttons<br \/>\n\t<\/h1>\n<h4>\n\t\tRadio buttons are applied to a list of items that require a certain value to be selected in order to input a data type. Each value is mutually exclusive from the other<br \/>\n\t<\/h4>\n<h2>\n\t\tUsage<br \/>\n\t<\/h2>\n<h4>\n\t\t<a href=\"#\" title=\"Headings\" target=\"_self\"><br \/>\n\t\tHeadings<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>If necessary, a heading can accompany a set of Radio Buttons to provide further clarity for the user. Use sentence-style capitalization (only the first word in a phrase and any proper nouns capitalized).<\/p>\n<h4>\n\t\t<a href=\"#\" title=\"Labels\" target=\"_self\"><br \/>\n\t\tLabels<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>Always use a clear and concise label for Radio Buttons. Be explicit about the action that will follow if the Radio Button is selected. Labels appear to the right of Radio Buttons. Use sentence-style capitalization (only the first word in a phrase and any proper nouns capitalized) and no more than three words.<\/p>\n<h4>\n\t\t<a href=\"#\" title=\"Default selection\" target=\"_self\"><br \/>\n\t\tDefault selection<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>A set of Radio Buttons should default to having one option selected. Never display them without a default selection.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Radio Buttons Radio buttons are applied to a list of items that require a certain value to be selected in order to input a data type. Each value is mutually exclusive from the other Usage Headings If necessary, a heading can accompany a set of Radio Buttons to provide further clarity for the user.&hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":53,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-765","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/765","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=765"}],"version-history":[{"count":6,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/765\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/765\/revisions\/1176"}],"up":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/53"}],"wp:attachment":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/media?parent=765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}