link

A text link. external opens a new tab safely and says so to screen readers.

Example

Field dictionary and external docs (opens in a new tab)

Laravel

<x-admin::link href="#">Field dictionary</x-admin::link> and
<x-admin::link href="https://example.com" external>external docs</x-admin::link>

Props

PropRequiredDefaultOptions
hrefyes
externalfalse

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Link } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack
<a href="#" class="adm-link">Field dictionary</a>
 and
<a href="https://example.com" class="adm-link" target="_blank" rel="noopener noreferrer">external docs<svg class="adm-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5"/></svg><span class="adm-sr-only"> (opens in a new tab)</span></a>