{"componentChunkName":"component---src-pages-components-link-usage-mdx","path":"/components/link/usage/","result":{"pageContext":{"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":"4a5b0a2b-852a-5db5-8953-34863c08e63f","children":[],"parent":"260ba11c-d203-5d2a-886a-06d74a8b4842","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":"aee08e9201e7062bdfc275430bc47120","counter":1500,"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/3b23ef32/src/pages/components/link/usage.mdx"}}}}