{"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":"e026a36f-75fa-57c9-8bbb-2c0b1e095fc0","children":[],"parent":"eeea9816-e0b5-5760-84e7-72d87d9dc61a","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","type":"Mdx","contentDigest":"b278d05383d6798eba1de1b6f3d9b4ca","counter":1561,"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","fileAbsolutePath":"/zeit/45b021a8/src/pages/components/search/code.mdx"}}}}