{"componentChunkName":"component---src-pages-components-progress-indicator-code-mdx","path":"/components/progress-indicator/code/","result":{"pageContext":{"frontmatter":{"title":"Progress indicator","description":"A progress indicator is a visual representation of a user's progress through a set of steps. It guides the user through a number of steps in order to complete a specified process.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/progress-indicator/code.mdx","titleType":"prepend","MdxNode":{"id":"f155e4d9-8561-5e16-aa19-08b5f365a4b8","children":[],"parent":"30f502ee-f66b-5ea6-90b7-e820728fa8ae","internal":{"content":"---\ntitle: Progress indicator\ndescription: A progress indicator is a visual representation of a user's progress through a set of steps. It guides the user through a number of steps in order to complete a specified process.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Progress indicator\n\n<ComponentCode\n  name=\"Progress indicator\"\n  component=\"progress-indicator\"\n  variation=\"progress-indicator\"\n  hasReactVersion=\"progressindicator--default\"\n  hasVueVersion=\"progress--default\"\n  hasAngularVersion=\"?path=/story/progress-indicator--basic\"\n  codepen=\"dLMppM\"></ComponentCode>\n\n## Progress indicator vertical\n\n<ComponentCode\n  name=\"Progress indicator vertical\"\n  component=\"progress-indicator\"\n  variation=\"progress-indicator--vertical\"\n  hasAngularVersion=\"?path=/story/progress-indicator--vertical\"\n  hasVueVersion=\"progress--default&knob-vertical=true\"\n  codepen=\"QPNKpB\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"progress-indicator\"></ComponentDocs>\n","type":"Mdx","contentDigest":"c6f6d9560eebfd3ba5fd21e2a240d1a6","counter":1554,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Progress indicator","description":"A progress indicator is a visual representation of a user's progress through a set of steps. It guides the user through a number of steps in order to complete a specified process.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Progress indicator\ndescription: A progress indicator is a visual representation of a user's progress through a set of steps. It guides the user through a number of steps in order to complete a specified process.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Progress indicator\n\n<ComponentCode\n  name=\"Progress indicator\"\n  component=\"progress-indicator\"\n  variation=\"progress-indicator\"\n  hasReactVersion=\"progressindicator--default\"\n  hasVueVersion=\"progress--default\"\n  hasAngularVersion=\"?path=/story/progress-indicator--basic\"\n  codepen=\"dLMppM\"></ComponentCode>\n\n## Progress indicator vertical\n\n<ComponentCode\n  name=\"Progress indicator vertical\"\n  component=\"progress-indicator\"\n  variation=\"progress-indicator--vertical\"\n  hasAngularVersion=\"?path=/story/progress-indicator--vertical\"\n  hasVueVersion=\"progress--default&knob-vertical=true\"\n  codepen=\"QPNKpB\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"progress-indicator\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/1dde86ed/src/pages/components/progress-indicator/code.mdx"}}}}