{"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":"a011f3b8-9bfe-57ed-8567-9af29361046c","children":[],"parent":"880663a2-206f-53a7-b607-53ae29a4a36b","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":"dcb46ecc31bef626f0c7376c04e732f8","counter":1560,"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/767b4790/src/pages/components/search/code.mdx"}}}}