TextLinks communicate actions and highlight linked resources to users.
- Reduce complexity by using a small number of actions. Too many actions can create confusion.
- 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
The TextLink component can be configured in a number of different ways. Here is a guide to when to use certain variations.
TextLink types (
|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|
With icon (