Emphasized Link

Design File

Figma link

Overview

The Emphasized Link is a link component designed for links that need to stand out to lead users to a related page. This is different from the inline link that appears within paragraph text.

Usage

When to Use

• For links that need to stand out for users to notice

When NOT to Use

• Don't use the emphasized link directly in paragraphs; instead, use Link, which is the default style for the <a> element

Component Structure

Slots

Field	Requirement	Data Type	Description	Note
Link Text	Required	String	The text displayed on the emphasized link	Recommend keeping under 50 characters
Link URL	Required	String	The link for the emphasized link

Component Relationships

Button Variants in the Default UMD Design System

• CTA Button (Primary): Uses the Primary Button style from the UMD Design System for <button> elements
• Emphasized Link: Replaces the Secondary Button style for <a> elements to maintain semantic HTML

This separation ensures proper distinction between actions (buttons) and navigation (links).

Related Components

• CTA Button: For actions that trigger processes or state changes
• Link: For inline links within content