{"componentChunkName":"component---src-pages-components-slider-code-mdx","path":"/components/slider/code/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","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":"c99d799e-3945-58de-8db8-a165d9aef62f","children":[],"parent":"5487a4ba-c526-53d8-be95-4f09a5c80d25","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":"cbb8f99b4557cd21405a63a0adcabb77","counter":1346,"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":"/fargate/7b444b50/src/pages/components/slider/code.mdx"}}}}