Text links communicate actions and highlight linked resources to users.
Table of contents
- Best practices
- TextLink type
- TextLink with icon
- Writing guidelines
- Reduce complexity by using a small number of actions. Too many actions can create confusion
TextLink component can be configured in a number of different ways. Here is a guide to when to use certain variations.
TextLink type (
|Primary||The default styling for TextLinks.|
|Positive||For actions with positive results, such as creating a new entity|
|Negative||For actions has a negative results, such as deleting an entity|
|Secondary||Used for actions with less emphasis|
|Muted||Used for actions with least amount of emphasis|
TextLink with icon (
- To make
TextLink action-oriented, use a verb. For example, "Add field", not "New field"
- If a
TextLink is used to navigate to a new page, clearly communicate what the user will see when they click on the link. For example, “View teams documentation” vs “Learn about teams”
- Use clear and succinct copy
- If a
TextLink is at the end of a sentence, don’t add period after the TextLink