Link

Links allow users to navigate to a specified location. Use href for external URLs or full page reloads, and to for single-page application (SPA) navigation within Deephaven.

Example

Link Basic Example

Content

The link component accepts other components, such as text and icon, as children.

Variants

Links can have different styles to indicate their purpose.

Over background

Links can be placed over a background to add a visual prominence to the link.

Quiet State

The is_quiet prop makes the link “quiet”. This can be useful when the link and its corresponding styling should not distract users from surrounding content.

SPA Navigation with to

The to prop enables single-page application (SPA) navigation within Deephaven. It is mutually exclusive with href (which triggers a full page reload but can navigate to any URL).

to accepts either a string (parsed for path, query params, and fragment) or a NavigationTarget dict for explicit control.

Note

Deephaven and all custom components share the path. Avoid using routers, the path, path parameters, and navigation in shared components to prevent conflicts. Do not use the route segment /-/ in your application path as it is reserved for internal use by Deephaven.

  1. Use to for navigation within a Deephaven widget and href for external URLs. Do not use both on the same link.
  2. For programmatic navigation triggered by events or side effects, use use_navigate instead of a link.

API Reference

A link is used for navigating between locations.

Returns: Element The rendered link element.

ParametersTypeDefaultDescription
*childrenAnyThe content to display in the link.
variantLiteral['primary', 'secondary', 'over_background'] |
None
'primary'The background color of the link.
is_quietbool |
None
NoneWhether the link should be displayed with a quiet style.
auto_focusbool |
None
NoneWhether the element should receive focus on render.
hrefstr |
None
NoneA URL to link to. Triggers a full page reload. Mutually exclusive with to.
targetLiteral['_self', '_blank', '_parent', '_top'] |
None
NoneThe target window for the link.
tostr |
NavigationTarget |
None
NoneThe target location for single-page application navigation. Either a plain string (parsed for path, query params, and fragment), or a NavigationTarget dict with path, query_params, fragment, and replace. Defaults to replace=True (replaces history entry). Mutually exclusive with href.
relstr |
None
NoneThe relationship between the linked resource and the current page.
pingstr |
None
NoneA space-separated list of URLs to ping when the link is followed.
downloadstr |
None
NoneCauses the browser to download the linked URL.
href_langstr |
None
NoneHints at the human language of the linked URL.
referrer_policystr |
None
NoneHow much of the referrer to send when following the link.