{"componentChunkName":"component---src-pages-components-tag-usage-mdx","path":"/components/tag/usage/","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/usage.mdx","titleType":"prepend","MdxNode":{"id":"ee69121b-1791-5e61-a409-33b8f3fd2c1a","children":[],"parent":"63c2fcb1-ac00-5188-8907-12f5fcb711cf","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## General guidelines\n\n_Tags_ are used for items that need to be labeled, categorized, or organized using keywords that describe them.\n\nMultiple or single tags can be used to categorize items.\n\nUse tags when content is mapped to multiple categories, and the user needs a way to differentiate between them.\n\n<Row>\n<Column colLg={8}>\n\n![Example of tags in a data table.](images/tag-usage-2.png)\n\n</Column>\n</Row>\n\nTags can also be used as a method of filtering data, to show only items within that particular category.\n\n<Row>\n<Column colLg={8}>\n\n![Example of tags in search.](images/tag-usage-1.png)\n\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"89c7d73f8d4495e077ffdcd335ae2f40","counter":1586,"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## General guidelines\n\n_Tags_ are used for items that need to be labeled, categorized, or organized using keywords that describe them.\n\nMultiple or single tags can be used to categorize items.\n\nUse tags when content is mapped to multiple categories, and the user needs a way to differentiate between them.\n\n<Row>\n<Column colLg={8}>\n\n![Example of tags in a data table.](images/tag-usage-2.png)\n\n</Column>\n</Row>\n\nTags can also be used as a method of filtering data, to show only items within that particular category.\n\n<Row>\n<Column colLg={8}>\n\n![Example of tags in search.](images/tag-usage-1.png)\n\n</Column>\n</Row>\n","fileAbsolutePath":"/zeit/1dde86ed/src/pages/components/tag/usage.mdx"}}}}