{"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","Accessibility"]},"relativePagePath":"/components/slider/code.mdx","titleType":"prepend","MdxNode":{"id":"6f9a4f2a-78fe-5a7c-8cea-bfd292402e93","children":[],"parent":"26b40cb8-4e4c-5654-86d4-416d85cfe4c6","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":"25efaff4ead0fa97475b450488a6a139","counter":1580,"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/3e77a1c8/src/pages/components/slider/code.mdx"}}}}