Link Pill

A link pill for internal links.

Documented

The component is fully documented

Figma component

Includes a link to a Figma component that has been imported to Supernova

Status

The component has a health status indicated

Healthy

Overview

The link pill is the link in the navigation menu.

Link Pill Preview

Usage

  • Use in Navigation Bar
  • Pair a light theme pill with a light navigation bar and a dark theme pill with a dark navigation bar

Variants

The Link Pill component consists of two variants: light and dark. The light and dark pill should match a light/dark version of the navigation bar. The component also has various states such as default, hover, and active states.