{"componentChunkName":"component---src-pages-components-search-code-mdx","path":"/components/search/code/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"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":"5f1a9e19-296f-5fcb-83e3-77c25d80fabd","children":[],"parent":"32948c22-2ee5-5338-8c9b-a6a598026a49","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":"14f450e27fee323e3222509e7edd3a58","counter":1484,"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/4ebe1d4/src/pages/components/search/code.mdx"}}}}