{"componentChunkName":"component---src-pages-components-link-usage-mdx","path":"/components/link/usage/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Link","description":"Links are used primarily as a navigational element. Links may also change what or how data is displayed.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/link/usage.mdx","titleType":"prepend","MdxNode":{"id":"e9663450-f940-5d8e-8922-3bd284e5be56","children":[],"parent":"aa27a2b3-5e9d-5162-846e-f3ab77517218","internal":{"content":"---\ntitle: Link\ndescription: Links are used primarily as a navigational element. Links may also change what or how data is displayed.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## General guidance\n\n_Links_ are used primarily as a navigational element. Links may also change what or how data is displayed (i.e., view more, show all). If the action taken by the user will change or manipulate data, use a [button](/components/button/code).\n\n## Content\n\n- Use text for links rather than graphics or icons.\n- Links should be three words or less.\n- Text should be consistent with the title of the intended destination.\n- Use caution with links that are several words long. It is recommended that links are long enough to be understood by the user, but short enough to prevent text wrapping.\n- Avoid the term “click here,” other links to “here,” or the web address itself. Instead, use a meaningful descriptive label for the link, and match the destination site name.\n","type":"Mdx","contentDigest":"53014c23ec44085a000be8ade53d3151","counter":1518,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Link","description":"Links are used primarily as a navigational element. Links may also change what or how data is displayed.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Link\ndescription: Links are used primarily as a navigational element. Links may also change what or how data is displayed.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## General guidance\n\n_Links_ are used primarily as a navigational element. Links may also change what or how data is displayed (i.e., view more, show all). If the action taken by the user will change or manipulate data, use a [button](/components/button/code).\n\n## Content\n\n- Use text for links rather than graphics or icons.\n- Links should be three words or less.\n- Text should be consistent with the title of the intended destination.\n- Use caution with links that are several words long. It is recommended that links are long enough to be understood by the user, but short enough to prevent text wrapping.\n- Avoid the term “click here,” other links to “here,” or the web address itself. Instead, use a meaningful descriptive label for the link, and match the destination site name.\n","fileAbsolutePath":"/zeit/2c7f9303/src/pages/components/link/usage.mdx"}}}}