{"componentChunkName":"component---src-pages-components-text-input-code-mdx","path":"/components/text-input/code/","webpackCompilationHash":"9a5cb62a61994334ab3f","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Text input","description":"Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/text-input/code.mdx","titleType":"prepend","MdxNode":{"id":"01d40f0f-4e29-598d-8b3e-faa309ee4df3","children":[],"parent":"ece68ac1-84b6-5d32-8d05-7d8da150948f","internal":{"content":"---\ntitle: Text input\ndescription: Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n<ComponentCode\n  name=\"Text input\"\n  component=\"text-input\"\n  variation=\"text-input\"\n  hasLightVersion\n  hasReactVersion=\"textinput--default\"\n  hasVueVersion=\"textinput--default\"\n  hasAngularVersion=\"?path=/story/input--input\"\n  codepen=\"EJKNOw\"\n/>\n\n<ComponentCode\n  name=\"Text area\"\n  component=\"text-area\"\n  variation=\"text-area\"\n  hasLightVersion\n  hasReactVersion=\"textarea--default\"\n  hasVueVersion=\"textarea--default\"\n  hasAngularVersion=\"?path=/story/input--textarea\"\n  codepen=\"JVXbQv\"\n/>\n\n## Documentation\n\n<ComponentDocs component=\"text-input\" />\n","type":"Mdx","contentDigest":"b260be9e7ee9632f48d9de5ac5a3517d","counter":1239,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Text input","description":"Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Text input\ndescription: Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n<ComponentCode\n  name=\"Text input\"\n  component=\"text-input\"\n  variation=\"text-input\"\n  hasLightVersion\n  hasReactVersion=\"textinput--default\"\n  hasVueVersion=\"textinput--default\"\n  hasAngularVersion=\"?path=/story/input--input\"\n  codepen=\"EJKNOw\"\n/>\n\n<ComponentCode\n  name=\"Text area\"\n  component=\"text-area\"\n  variation=\"text-area\"\n  hasLightVersion\n  hasReactVersion=\"textarea--default\"\n  hasVueVersion=\"textarea--default\"\n  hasAngularVersion=\"?path=/story/input--textarea\"\n  codepen=\"JVXbQv\"\n/>\n\n## Documentation\n\n<ComponentDocs component=\"text-input\" />\n","fileAbsolutePath":"/tmp/35443907/src/pages/components/text-input/code.mdx"}}}}