Text Link

Overview

View on FigmaView on GitHub

Purpose

Text Link is primarily a navigation element that allows users to transition between pages, navigate through content, or trigger specific actions in an application, all without disrupting the primary user interface flow.

Anatomy

A Text Link can be broken down into the following elements -

  1. Link Text
    Triggers an action for the user when it is interacted with.

  2. Chevron (optional)
    An optional right or left aligned icon to help guide the user.

Variants & States

  • Appearance: Default, Light
  • States: Default, Hover, Focus
  • Icon: Right, Left, None