{"componentChunkName":"component---src-pages-components-dropdown-code-mdx","path":"/components/dropdown/code/","webpackCompilationHash":"aaa6c4cbb44f8ca938e9","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":"32f35cad-1972-5d74-8e88-92ff4db5ca70","children":[],"parent":"686daa09-a1c6-5d53-b023-b1e76e71fbaa","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":"24da8439be947588114c57fdb7f10f05","counter":1112,"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/42b44a0/src/pages/components/dropdown/code.mdx"}}}}