Link

StrataKit MUI modifications

• Restyled using StrataKit’s visual language.
• The underline prop is not supported. Links are always underlined.
• The "textSecondary", "textTertiary", and "textDisabled" colors have been removed.

Use cases

Make sure the Link is suitable for your use case. There may be other, more appropriate components available.

Use case	Link	Button
Navigating between interface screens or sections	✅	❌
Submitting forms, confirming or cancelling dialogs, creating or deleting content	❌	✅

Examples

External

Indicate when a Link opens a site outside your application. Add a visible external-link marker and visually hidden text so screen reader users receive the same context.

✅ Do

• Use Link to link between pages and page sections (fragments).
• Provide a label that describes the purpose of the link. This label should still be understandable when removed from context.

🚫 Don’t

• Don’t use Link for non-navigational (linking) actions. Use a component like Button, IconButton, or Switch (depending on your use case).
• Don’t include Links with the same label but pointing to different locations. For “read more” links, you can include clarifying text with the visuallyHidden utility. That is, two links appearing as “read more” can become “read more about x” and “read more about y” in screen reader output.

API reference

• Link