Link

Links are actions that can be used to navigate or perform tasks.

Overview

As a basic action, Links can be useful when a Button or FAB would be too prominent. Links are great as inline actions in a sentence.

From the user experience perspective there is a difference between a Link and Button. Buttons should be used when you are performing tasks such as: "Create new", "Submit", "Upload", etc. Link usage should be based on navigating to another place, such as: "Explore data", "Profile settings", "Subscribe to our newsletter", etc.

Usage

• A basic navigable element
• A tertiary-level action in a group of actions
• An inline action in a sentence

Sample

Accessibility

Use unique Link text to provide a purpose to assistive technologies and a larger audience. Avoid Link text such as "Click here" or "Learn more", which can be confusing to assistive technologies and users that are not provided with proper context.

1
2
3
<calcite-link href="https://developers.arcgis.com/calcite-design-system/" icon-end="launch" target="_blank">
  Calcite Design System
</calcite-link>

Keyboard navigation

Writing and copy

Do use Links inline within sentences.

Avoid making entire sentences Links.

API reference

Properties

Slots

Methods