UILink
<UILink to="/installation">Get started</UILink>
<UILink to="/users/[id]" bind:params="{ id: user.id }">Profile</UILink>
<UILink href="https://github.com/meekojs/meeko"
target="_blank" variant="outline">GitHub</UILink>
<UILinkCard to="/theming" title="Customization"
description="Connect the tokens to your brand." />| Name | Type / default | Description |
|---|---|---|
to
|
RouteId
| A route of the application, with client-side navigation. Excludes href; with @meekojs/i18n it points to the version in the current language. |
params / search
|
route params / object
| With to: the params of a dynamic route (required there) and the query string. |
href
|
string
| Any URL. Excludes to; one of the two is required. |
variant / size / shape
|
UIActionVariant / UIActionSize / UIActionShape
primary / md / rounded
| The same visual API as UIButton. |
target / rel / hreflang / download
|
string
| Native attributes of the link. For _blank, noopener noreferrer is added when rel is not set. |
ariaLabel
|
string
| Accessible name when the visible content is not enough; wins over aria-label. |
id / title / aria-* / data-*
|
HTML attributes
| Reach the link as they are. |
class
|
string
| Additional classes. |
UILinkCard
| Name | Type / default | Description |
|---|---|---|
to
|
RouteId
| A route of the application, with client-side navigation. Excludes href; with @meekojs/i18n it points to the version in the current language. |
params / search / resolve
|
route params / object / boolean
| With to, as in UILink: the params of a dynamic route, the query string and whether the href goes through the link resolvers. |
href
|
string
| Any URL. Excludes to; one of the two is required. |
title
|
string
| Required. Main text of the link. |
description
|
string
| Optional supporting text. |
target / rel / hreflang / download
|
string
| Native attributes of the link, as in UILink. |
id / aria-* / data-*
|
HTML attributes
| Reach the link as they are. |
class
|
string
| Additional classes. |
UILink
requires the
default
snippet and emits
click.
UILinkCard
accepts extra content with the optional
default
snippet. Do not put links or buttons inside a LinkCard: the whole surface is already a link.
Internal links take part in Meeko's navigation; they keep middle click, opening in another tab and the fallback without JavaScript.