{"componentChunkName":"component---src-pages-components-search-code-mdx","path":"/components/search/code/","result":{"pageContext":{"frontmatter":{"title":"Search","description":"Search enables users to specify a word or a phrase to find relevant pieces of content without the use of navigation.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/search/code.mdx","titleType":"prepend","MdxNode":{"id":"80f9e652-64ef-5aba-a86f-a5f18ebf1706","children":[],"parent":"ca83dfba-da29-5edd-a55d-f71e53fd75c7","internal":{"content":"---\ntitle: Search\ndescription: Search enables users to specify a word or a phrase to find relevant pieces of content without the use of navigation.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n<ComponentCode\n  name=\"Search\"\n  component=\"search\"\n  variation=\"search--extra-large\"\n  hasLightVersion\n  hasReactVersion=\"search--default\"\n  hasVueVersion=\"search--default\"\n  hasAngularVersion=\"?path=/story/search--basic\"\n  codepen=\"dLMpqv\"\n/>\n<ComponentCode\n  name=\"Small search\"\n  component=\"search\"\n  variation=\"search--small\"\n  hasLightVersion\n  hasReactVersion=\"search--default\"\n  hasVueVersion=\"search--default&knob-small=true\"\n  hasAngularVersion=\"?path=/story/search--basic&knob-size=sm&knob-theme=dark&knob-disabled=&knob-placeholder=Search\"\n  codepen=\"dLMpQv\"\n/>\n\n## Documentation\n\n<ComponentDocs component=\"search\" />\n","type":"Mdx","contentDigest":"b38ec1602cdab06042b3e10f25f540b4","counter":1569,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Search","description":"Search enables users to specify a word or a phrase to find relevant pieces of content without the use of navigation.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Search\ndescription: Search enables users to specify a word or a phrase to find relevant pieces of content without the use of navigation.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n<ComponentCode\n  name=\"Search\"\n  component=\"search\"\n  variation=\"search--extra-large\"\n  hasLightVersion\n  hasReactVersion=\"search--default\"\n  hasVueVersion=\"search--default\"\n  hasAngularVersion=\"?path=/story/search--basic\"\n  codepen=\"dLMpqv\"\n/>\n<ComponentCode\n  name=\"Small search\"\n  component=\"search\"\n  variation=\"search--small\"\n  hasLightVersion\n  hasReactVersion=\"search--default\"\n  hasVueVersion=\"search--default&knob-small=true\"\n  hasAngularVersion=\"?path=/story/search--basic&knob-size=sm&knob-theme=dark&knob-disabled=&knob-placeholder=Search\"\n  codepen=\"dLMpQv\"\n/>\n\n## Documentation\n\n<ComponentDocs component=\"search\" />\n","fileAbsolutePath":"/zeit/3f757860/src/pages/components/search/code.mdx"}}}}