{"componentChunkName":"component---src-pages-components-checkbox-code-mdx","path":"/components/checkbox/code/","result":{"pageContext":{"frontmatter":{"title":"Checkbox","description":"Checkboxes are used for a list of options where the user may select multiple options, including all or none.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/checkbox/code.mdx","titleType":"prepend","MdxNode":{"id":"bf49d048-3ea1-5840-abe9-1bad9605f6b2","children":[],"parent":"e1af0e07-0712-5308-a112-d614d35867a4","internal":{"content":"---\ntitle: Checkbox\ndescription: Checkboxes are used for a list of options where the user may select multiple options, including all or none.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n<ComponentDemo knobs={{ Checkbox: ['indeterminate', 'disabled', 'hideLabel'] }}>\n  {`\n<fieldset className=\"bx--fieldset\">\n  <legend className=\"bx--label\">Checkbox heading</legend>\n  <Checkbox defaultChecked labelText=\"Checkbox label\" id=\"checked\" />\n</fieldset>`}\n</ComponentDemo>\n","type":"Mdx","contentDigest":"876886be3cc46ce5d18a5930aa092b7f","counter":1488,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Checkbox","description":"Checkboxes are used for a list of options where the user may select multiple options, including all or none.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Checkbox\ndescription: Checkboxes are used for a list of options where the user may select multiple options, including all or none.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n<ComponentDemo knobs={{ Checkbox: ['indeterminate', 'disabled', 'hideLabel'] }}>\n  {`\n<fieldset className=\"bx--fieldset\">\n  <legend className=\"bx--label\">Checkbox heading</legend>\n  <Checkbox defaultChecked labelText=\"Checkbox label\" id=\"checked\" />\n</fieldset>`}\n</ComponentDemo>\n","fileAbsolutePath":"/zeit/1dde86ed/src/pages/components/checkbox/code.mdx"}}}}