{"componentChunkName":"component---src-pages-components-slider-code-mdx","path":"/components/slider/code/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Slider","description":"Sliders provide a visual indication of adjustable content, where the user can move the handle along a horizontal track to increase or decrease the value.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/slider/code.mdx","titleType":"prepend","MdxNode":{"id":"e6f0843c-aa1a-59ae-9aba-097aa0126c38","children":[],"parent":"110dadeb-5f9f-5b8a-bdcd-2e7b3fcf95b9","internal":{"content":"---\ntitle: Slider\ndescription: Sliders provide a visual indication of adjustable content, where the user can move the handle along a horizontal track to increase or decrease the value.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Slider\n\n<ComponentCode\n  name=\"Slider\"\n  component=\"slider\"\n  variation=\"slider\"\n  hasReactVersion=\"slider--default\"\n  hasLightVersion\n  hasVueVersion=\"slider--default\"\n  hasAngularVersion=\"?path=/story/slider--basic\"\n  codepen=\"zXqozN\"></ComponentCode>\n\n## Slider disabled\n\n<ComponentCode\n  name=\"Slider disabled\"\n  component=\"slider\"\n  variation=\"slider--disabled\"\n  hasReactVersion=\"slider--default\"\n  hasVueVersion=\"slider--default&knob-disabled=true\"\n  hasAngularVersion=\"?path=/story/slider--basic&knob-disabled=true\"\n  codepen=\"qwZqPV\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"slider\"></ComponentDocs>\n","type":"Mdx","contentDigest":"a0244ad97e562d4e2a61d394718ad81a","counter":1391,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Slider","description":"Sliders provide a visual indication of adjustable content, where the user can move the handle along a horizontal track to increase or decrease the value.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Slider\ndescription: Sliders provide a visual indication of adjustable content, where the user can move the handle along a horizontal track to increase or decrease the value.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Slider\n\n<ComponentCode\n  name=\"Slider\"\n  component=\"slider\"\n  variation=\"slider\"\n  hasReactVersion=\"slider--default\"\n  hasLightVersion\n  hasVueVersion=\"slider--default\"\n  hasAngularVersion=\"?path=/story/slider--basic\"\n  codepen=\"zXqozN\"></ComponentCode>\n\n## Slider disabled\n\n<ComponentCode\n  name=\"Slider disabled\"\n  component=\"slider\"\n  variation=\"slider--disabled\"\n  hasReactVersion=\"slider--default\"\n  hasVueVersion=\"slider--default&knob-disabled=true\"\n  hasAngularVersion=\"?path=/story/slider--basic&knob-disabled=true\"\n  codepen=\"qwZqPV\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"slider\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/3eb073a4/src/pages/components/slider/code.mdx"}}}}