\n\t\tChecked\n\t\t<\/a>\n\t<\/h4>\n\tUse primary buttons for call-to-actions; important prompts that you want to emphasize to our users.<\/p>\n\t\n\n
color-code.CSS<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<body>\n.checkbox-text-checked {\nfont-family: Lato-Bold;\nfont-size: 14px;\ncolor: #54698D;\nletter-spacing: 0;\nline-height: 17px;\n}\n\n<\/body>\n<\/html>\n\t.checkbox-box-checked{\nheight: 20px; \nwidth: 20px; \nbackground: #FFFFFF;\nborder: 1px solid #A8B7C7;\nborder-radius: 2px;\npadding-right: 10px;\n}\n\n\t.checkbox-icon{\ncolor: #0070D2; \ncontent: “fa-square-full”; \n}\n\n<h4>\n\t\t<a href=\"#\" title=\"Checked and disabled\" target=\"_self\" rel=\"noopener noreferrer\">\n\t\tChecked and disabled\n\t\t<\/a>\n\t<\/h4>\n\t<p>Use primary buttons for call-to-actions; important prompts that you want to emphasize to our users.<\/p>\n\t.checkbox-text-checked-disabled {\nopacity: 50%; \n}\n\n\t.checkbox-box-checked-disabled {\nopacity: 50%; \n}\n\n\t.checkbox-icon{\nopacity: 50%; \n}\n\n<h4>\n\t\t<a href=\"#\" title=\"Unchecked and disabled\" target=\"_self\" rel=\"noopener noreferrer\">\n\t\tUnchecked and disabled\n\t\t<\/a>\n\t<\/h4>\n\t<p>Use primary buttons for call-to-actions; important prompts that you want to emphasize to our users.<\/p>\n\t.checkbox-text-disabled {\nopacity: 50%; \n}\n\n.checkbox-box-disabled{\nopacity: 50%; \n}\n\n<h2>\n\t\tOverview of CSS Classes\n\t<\/h2>\n<h5>\n\t\tSelector\n\t<\/h5>\n<h5>\n\t\tSummary\n\t<\/h5>\n<h5>\n\t\tParent Selector\n\t<\/h5>\n\t<p><em>.checkbox-text<\/em><\/p>\n\t<p><em>.checkbox-box<\/em><\/p>\n\t<p><em>.checkbox-text-checked<\/em><\/p>\n\t<p><em>.checkbox-box-checked<\/em><\/p>\n\t<p><em>.checkbox-text-checked-disabled<\/em><\/p>\n\t<p><em>.checkbox-box-checked-disabled<\/em><\/p>\n\t<p><em>.checkbox-text-disabled<\/em><\/p>\n\t<p><em>.checkbox-box-disabled<\/em><\/p>\n\t<p>default text label for checkbox<\/p>\n\t<p>default checkbox\u00a0<\/p>\n\t<p>text label used when a checkbox has been selected<\/p>\n\t<p>selected checkbox\u00a0<\/p>\n\t<p>text label used when a checkbox has been selected but has been disabled<\/p>\n\t<p>checkbox used when an item is selected but disabled for the user<\/p>\n\t<p>text label used when item is disabled<\/p>\n\t<p>checkbox has been disabled and unchecked<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Checkbox A Checkbox is a UI element that allows users to switch between two mutually exclusive options (checked or unchecked, on or off) through a single click or tap. It can also be used to indicate a subordinate setting or preference when paired with another control. Checkbox Default (Unchecked) <el-checkbox-group v-model=”field.selectedValue”> <el-checkbox v-for=”typeOptions in…<\/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-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/54","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=54"}],"version-history":[{"count":21,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":1430,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/54\/revisions\/1430"}],"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=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}