{"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"]},"relativePagePath":"/components/search/code.mdx","titleType":"prepend","MdxNode":{"id":"e2b42912-2e0d-5c98-9f12-5436f5d8964b","children":[],"parent":"a22697cb-e88c-5d45-ada3-011c7499af36","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']\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":"77181daec967afcbb0537cab5247330a","counter":1377,"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"]},"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']\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/1252fd04/src/pages/components/search/code.mdx"}}}}