{"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":"45fcbc61-a462-56e5-aa26-af09474d487d","children":[],"parent":"d3a2ca30-c1fa-56f0-8475-af9944e8b514","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":"4439160d946f9d6fb9f8bb793e2b154e","counter":1589,"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/3f757860/src/pages/components/tag/code.mdx"}}}}