{"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":"8f8ec5d3-4115-5af2-9c3c-1a9057a5390d","children":[],"parent":"3ee7dcb3-f0be-51a4-a77c-ec8194068ecd","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":"24a0d1e267e3d7dace4a6e021facbc6b","counter":1378,"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/3ed0734e/src/pages/components/slider/code.mdx"}}}}