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.
You can say this to an AI Agent
Turn each order number into a link to its detail URL instead of attaching a click handler to plain text. Verify keyboard focus, URL copying, and browser Back returning to the order list.
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 sourceView details →
- Download a file or resourceHaving trouble deploying? See the official docs ↗, then come back and continue.
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 destinationThis week we launched three features: a new analytics dashboard, reports with custom filters, and redesigned member permissions.
- Style it like plain text so people miss itWant to learn about pricing? Click here; for customer stories, Click here.
- Open a new tab without a reason or a visible hintThe new version is live; the release notes list every change.“Release notes” doesn’t look clickable, so the entry point is hard to spot
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 ↗.
Recommended tool
Web fine-tuning tool · Selector Pro
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗Further reading
Quick check