{"componentChunkName":"component---src-pages-components-slider-code-mdx","path":"/components/slider/code/","result":{"pageContext":{"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","Accessibility"]},"relativePagePath":"/components/slider/code.mdx","titleType":"prepend","MdxNode":{"id":"1dbe6809-c246-59b4-82fb-d9dad3d97770","children":[],"parent":"93284b18-402d-591c-9bfa-f532de23da9e","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', 'Accessibility']\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":"60a0afd02eba2615e03ef115d2b5736e","counter":1573,"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","Accessibility"]},"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', 'Accessibility']\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/54350176/src/pages/components/slider/code.mdx"}}}}