{"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":"5f105f0e-76fb-5714-b931-5c6615be2a10","children":[],"parent":"a466b61b-5674-5046-841f-6d716707c861","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":"a35c9ab29129975e9c41261c191ee1a5","counter":1577,"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/512c25b6/src/pages/components/tag/code.mdx"}}}}