{"componentChunkName":"component---src-pages-components-dropdown-code-mdx","path":"/components/dropdown/code/","webpackCompilationHash":"858cd91bffcad76c0e29","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":"5438bd3c-c698-5895-990c-dd1065183e9c","children":[],"parent":"2c19f9d6-2cd0-5372-8b8a-9b5a27f5b101","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":"b5ed72ee0250c1abd1c6c8605bd2e2ad","counter":1180,"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/753a091b/src/pages/components/dropdown/code.mdx"}}}}