Link
You might say
Make this text clickable so it takes people to another page.
Click to open another page, location, or fileA link takes people to another page, a place on the same page, or a downloadable file. Its text should make the destination clear, and keyboard users need a visible focus state. Use a Button for actions such as saving or submitting.
When to use it
- Open another page or websiteAlready have an account?Sign in See Documentation for details.
- Jump to a section on the current pageI have read and agree to the Terms of Service
- Open documentation or a referenced source
- Download a file or resource
When NOT to use it
- Use a link to submit, save, or delete datayou@example.com••••••••Sign inSign up
- Write only “click here” without naming the destination
- Style it like plain text so people miss it
- Open a new tab without a reason or a visible hint
Anatomy
The full clickable area; text styling, hover, and focus states should make its behavior recognizable
Says where the click takes you; never write “click here”
Optional, ↗ marks that you're leaving the site
Variants
Inline
See the help docs for details
Jump to references mid-sentence without breaking the reading flow
Typical use cases
Inline reference
Three habits for better prompts
Before diving in, skim the component gallery first, look up unfamiliar terms in the official docs ↗ anytime, then come back and keep going — learning by doing works best.
Read the full article →
View details
Website redesign mockups
Alex updated 2 hours ago
Payment flow review report
Maya updated yesterday
Onboarding tracking plan
Alex updated 3 days ago
Sign in or sign up
Sign in to your account
Forgot password
No account yet? Sign up now
External documentation
Deploy failed: build timed out
Step 3 “Install dependencies” was killed after 10 minutes. Enable caching with the build optimization guide ↗, or ask for help in the community ↗.
Further reading