{"componentChunkName":"component---src-pages-components-tag-code-mdx","path":"/components/tag/code/","result":{"pageContext":{"frontmatter":{"title":"Tag","description":"Tags are used for items that need to be labeled, categorized, or organized using keywords that describe them.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/tag/code.mdx","titleType":"prepend","MdxNode":{"id":"db85ac2e-90cf-5925-af71-669d0e936f13","children":[],"parent":"f2ea79a1-9480-51db-b734-01140af64987","internal":{"content":"---\ntitle: Tag\ndescription: Tags are used for items that need to be labeled, categorized, or organized using keywords that describe them.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Tag\n\n<ComponentCode\n  name=\"Tag\"\n  component=\"tag\"\n  variation=\"tag\"\n  hasReactVersion=\"tag--default\"\n  hasVueVersion=\"tag--red\"\n  hasAngularVersion=\"?path=/story/tag--basic\"\n  codepen=\"zXqoLz\"></ComponentCode>\n\n## Tag filter\n\n<ComponentCode\n  name=\"Tag filter\"\n  component=\"tag\"\n  variation=\"tag--filter\"\n  hasReactVersion=\"tag--filter\"\n  hasVueVersion=\"tag--filter\"\n  codepen=\"XQdNPg\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tag\"></ComponentDocs>\n","type":"Mdx","contentDigest":"2fd67245e4d06fbe180c152f57516f55","counter":1582,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Tag","description":"Tags are used for items that need to be labeled, categorized, or organized using keywords that describe them.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Tag\ndescription: Tags are used for items that need to be labeled, categorized, or organized using keywords that describe them.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Tag\n\n<ComponentCode\n  name=\"Tag\"\n  component=\"tag\"\n  variation=\"tag\"\n  hasReactVersion=\"tag--default\"\n  hasVueVersion=\"tag--red\"\n  hasAngularVersion=\"?path=/story/tag--basic\"\n  codepen=\"zXqoLz\"></ComponentCode>\n\n## Tag filter\n\n<ComponentCode\n  name=\"Tag filter\"\n  component=\"tag\"\n  variation=\"tag--filter\"\n  hasReactVersion=\"tag--filter\"\n  hasVueVersion=\"tag--filter\"\n  codepen=\"XQdNPg\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tag\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/1dde86ed/src/pages/components/tag/code.mdx"}}}}