Link

Internal/external link with automatic detection, active-state styling, and page-loading-state integration.

Navigation

Default

LabelHref

External link

With active class

Navigation links

Invert color link

Button style link

Source

<Link to={href} className="text-zd-link hover:underline">
  {label}
</Link>

Injected into the previews above. Link

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */