Links serve as a visual and interactive tools that allow users to explore and navigate an interface. By clicking or tapping on a link, users can efficiently access additional information or move to a different location. Commonly, links connect different pages, sections, or external resources, helping create navigation menus and guide users to related content. They also enable actions like opening new tabs or windows.
Anatomy
The anatomy of links differs depending on the use case. A common one is the link with icon dissected in the image below.
- Text. In this instance "edit” using the tokens color-brand-400 and button-regular+underlined.
- Text decoration. Underlined to indicate that it’s clickable.
- Icon (optional). In this instance the icon Actions/EditPen.
Component Health