Link
Link elements provide text-based navigation or inline actions. These elements appear as underlined or colored text and support clicks, icons, and event handling. Use links to route users to help pages, alternate flows, or informational content.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Link | UI component type |
| Group | Button | Belongs to the "Button" group in UI catalog |
| Identifier | 30 | Unique element ID |
| Preview | ✓ | See image preview above |
| Read-only | Y | Appears without requiring interaction |
| Text, Icon | Y | Supports both text and inline icons |
| Event | Y | Can trigger click or navigation handlers |
| Value | Optional string content | |
| Mandatory | Optional element | |
| Error | Does not support validation logic | |
| Min | No minimum constraint | |
| Max | No maximum constraint | |
| Children | No nested children | |
| Shade | No background shading | |
| List | Not a list container |
Usage Example
<Link href="/help/mfa" label="Learn more" />
SDK Integration
The MFA Settings screen uses this element. It links to the SDK method:
Method: /account/authentication/enabled
Displays the current MFA status and offers an option to unlink the authenticator app.
Example UI Placement
| Level | ID | Type | Value | Description |
|---|---|---|---|---|
1 | unlink | Link | Unlink Authenticator app | Navigates to unlink process |
1 | learn-more | Link | Learn more | Opens documentation or help center |
Notes
- Use links for low-emphasis navigational actions.
- Pair with visual indicators if the action alters authentication or settings.
- Always confirm that the link opens the correct destination or dialog.