{"componentChunkName":"component---src-pages-components-radio-button-code-mdx","path":"/components/radio-button/code/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Radio button","description":"Radio buttons are used when two or more options are mutually exclusive, meaning the user must select only one option.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/radio-button/code.mdx","titleType":"prepend","MdxNode":{"id":"9c8f8ba1-5a84-5efd-b33f-514554becddf","children":[],"parent":"2dac8fdf-1c0f-5aa1-b467-6e13e98dec9b","internal":{"content":"---\ntitle: Radio button\ndescription: Radio buttons are used when two or more options are mutually exclusive, meaning the user must select only one option.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Radio button\n\n<ComponentCode\n  name=\"Radio button\"\n  component=\"radio-button\"\n  variation=\"radio-button\"\n  hasReactVersion=\"radiobutton--default\"\n  hasVueVersion=\"radiobutton--default\"\n  hasAngularVersion=\"?path=/story/radio--basic\"\n  codepen=\"MRyjOR\"></ComponentCode>\n\n## Radio button horizontal group left\n\n<ComponentCode\n  name=\"Radio button horizontal group left\"\n  component=\"radio-button\"\n  variation=\"radio-button--horizontal-left\"\n  hasReactVersion=\"radiobuttongroup--default\"\n  hasVueVersion=\"radiobutton--default&knob-label%20left=true\"\n  codepen=\"qwZaoZ\"></ComponentCode>\n\n## Radio button vertical group\n\n<ComponentCode\n  name=\"Radio button vertical group\"\n  component=\"radio-button\"\n  variation=\"radio-button--vertical\"\n  hasReactVersion=\"radiobuttongroup--default\"\n  hasVueVersion=\"radiobutton--default&knob-vertical=true\"\n  codepen=\"BEKLVx\"></ComponentCode>\n\n## Radio button vertical group left\n\n<ComponentCode\n  name=\"Radio button vertical group left\"\n  component=\"radio-button\"\n  variation=\"radio-button--vertical-left\"\n  hasReactVersion=\"radiobuttongroup--default\"\n  hasVueVersion=\"radiobutton--default&knob-label%20left=true&knob-vertical=true\"\n  codepen=\"wZGzxX\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"radio-button\"></ComponentDocs>\n","type":"Mdx","contentDigest":"e77b7c3c47f33f7ec90706eb81cfa7af","counter":1552,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Radio button","description":"Radio buttons are used when two or more options are mutually exclusive, meaning the user must select only one option.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Radio button\ndescription: Radio buttons are used when two or more options are mutually exclusive, meaning the user must select only one option.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Radio button\n\n<ComponentCode\n  name=\"Radio button\"\n  component=\"radio-button\"\n  variation=\"radio-button\"\n  hasReactVersion=\"radiobutton--default\"\n  hasVueVersion=\"radiobutton--default\"\n  hasAngularVersion=\"?path=/story/radio--basic\"\n  codepen=\"MRyjOR\"></ComponentCode>\n\n## Radio button horizontal group left\n\n<ComponentCode\n  name=\"Radio button horizontal group left\"\n  component=\"radio-button\"\n  variation=\"radio-button--horizontal-left\"\n  hasReactVersion=\"radiobuttongroup--default\"\n  hasVueVersion=\"radiobutton--default&knob-label%20left=true\"\n  codepen=\"qwZaoZ\"></ComponentCode>\n\n## Radio button vertical group\n\n<ComponentCode\n  name=\"Radio button vertical group\"\n  component=\"radio-button\"\n  variation=\"radio-button--vertical\"\n  hasReactVersion=\"radiobuttongroup--default\"\n  hasVueVersion=\"radiobutton--default&knob-vertical=true\"\n  codepen=\"BEKLVx\"></ComponentCode>\n\n## Radio button vertical group left\n\n<ComponentCode\n  name=\"Radio button vertical group left\"\n  component=\"radio-button\"\n  variation=\"radio-button--vertical-left\"\n  hasReactVersion=\"radiobuttongroup--default\"\n  hasVueVersion=\"radiobutton--default&knob-label%20left=true&knob-vertical=true\"\n  codepen=\"wZGzxX\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"radio-button\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/2c7f9303/src/pages/components/radio-button/code.mdx"}}}}