{"componentChunkName":"component---src-pages-components-dropdown-code-mdx","path":"/components/dropdown/code/","webpackCompilationHash":"9a5cb62a61994334ab3f","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Dropdown","description":"Dropdowns present a list of options that can be used to filter or sort existing content. They can also be used as menus.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/dropdown/code.mdx","titleType":"prepend","MdxNode":{"id":"0ab349d0-2f16-5c46-9918-eb7cc3a06f0f","children":[],"parent":"a189ba0c-e28b-5573-80f4-76e222fb2354","internal":{"content":"---\ntitle: Dropdown\ndescription: Dropdowns present a list of options that can be used to filter or sort existing content. They can also be used as menus.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Dropdown\n\n<ComponentCode\n  name=\"Dropdown\"\n  component=\"dropdown\"\n  variation=\"dropdown\"\n  hasReactVersion=\"dropdown--default\"\n  hasLightVersion\n  hasVueVersion=\"dropdown--default\"\n  hasAngularVersion=\"?path=/story/dropdown--basic\"\n  codepen=\"zXrqqw\"></ComponentCode>\n\n## Dropdown (Up)\n\n<ComponentCode\n  name=\"Dropdown (Up)\"\n  component=\"dropdown\"\n  variation=\"dropdown--up\"\n  codepen=\"eeGYvQ\"\n  hasReactVersion=\"dropdown--default\"\n  hasLightVersion\n  hasVueVersion=\"dropdown--default&knob-up=true\"\n  hasAngularVersion=\"?path=/story/dropdown--basic\"\n  codepen=\"ZZQWpB\"></ComponentCode>\n\n## Dropdown inline\n\n<ComponentCode\n    name=\"Dropdown inline\"\n    component=\"dropdown\"\n    variation=\"dropdown--inline\"\n    hasReactVersion=\"dropdown--default\"\n    hasVueVersion=\"dropdown--default&knob-inline=true\"\n    hasAngularVersion=\"?path=/story/dropdown--basic\"\n    codepen=\"OGMNRY\"\n    >\n</ComponentCode>\n<ComponentReact\n    name=\"Multi select\"\n    component=\"MultiSelect\"\n    variation=\"MultiSelect\"\n    hasAngularVersion\n    >\n</ComponentReact>\n<ComponentReact\n    name=\"Filterable multi select\"\n    component=\"MultiSelect\"\n    variation=\"MultiSelect.Filterable\"\n    hasAngularVersion\n    >\n</ComponentReact>\n<ComponentReact\n    name=\"Inline multi select\"\n    component=\"MultiSelect\"\n    variation=\"MultiSelect.Inline\"\n    hasAngularVersion\n    >\n</ComponentReact>\n<ComponentReact\n    name=\"Combo box\"\n    component=\"ComboBox\"\n    hasAngularVersion\n    >\n</ComponentReact>\n\n## Documentation\n\n<ComponentDocs component=\"dropdown\" />\n","type":"Mdx","contentDigest":"86c5381ebd149f1bed87b6f37c16cd9b","counter":1179,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Dropdown","description":"Dropdowns present a list of options that can be used to filter or sort existing content. They can also be used as menus.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Dropdown\ndescription: Dropdowns present a list of options that can be used to filter or sort existing content. They can also be used as menus.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Dropdown\n\n<ComponentCode\n  name=\"Dropdown\"\n  component=\"dropdown\"\n  variation=\"dropdown\"\n  hasReactVersion=\"dropdown--default\"\n  hasLightVersion\n  hasVueVersion=\"dropdown--default\"\n  hasAngularVersion=\"?path=/story/dropdown--basic\"\n  codepen=\"zXrqqw\"></ComponentCode>\n\n## Dropdown (Up)\n\n<ComponentCode\n  name=\"Dropdown (Up)\"\n  component=\"dropdown\"\n  variation=\"dropdown--up\"\n  codepen=\"eeGYvQ\"\n  hasReactVersion=\"dropdown--default\"\n  hasLightVersion\n  hasVueVersion=\"dropdown--default&knob-up=true\"\n  hasAngularVersion=\"?path=/story/dropdown--basic\"\n  codepen=\"ZZQWpB\"></ComponentCode>\n\n## Dropdown inline\n\n<ComponentCode\n    name=\"Dropdown inline\"\n    component=\"dropdown\"\n    variation=\"dropdown--inline\"\n    hasReactVersion=\"dropdown--default\"\n    hasVueVersion=\"dropdown--default&knob-inline=true\"\n    hasAngularVersion=\"?path=/story/dropdown--basic\"\n    codepen=\"OGMNRY\"\n    >\n</ComponentCode>\n<ComponentReact\n    name=\"Multi select\"\n    component=\"MultiSelect\"\n    variation=\"MultiSelect\"\n    hasAngularVersion\n    >\n</ComponentReact>\n<ComponentReact\n    name=\"Filterable multi select\"\n    component=\"MultiSelect\"\n    variation=\"MultiSelect.Filterable\"\n    hasAngularVersion\n    >\n</ComponentReact>\n<ComponentReact\n    name=\"Inline multi select\"\n    component=\"MultiSelect\"\n    variation=\"MultiSelect.Inline\"\n    hasAngularVersion\n    >\n</ComponentReact>\n<ComponentReact\n    name=\"Combo box\"\n    component=\"ComboBox\"\n    hasAngularVersion\n    >\n</ComponentReact>\n\n## Documentation\n\n<ComponentDocs component=\"dropdown\" />\n","fileAbsolutePath":"/tmp/35443907/src/pages/components/dropdown/code.mdx"}}}}