UILink
<UILink to="/installation">Empezar</UILink>
<UILink to="/users/[id]" bind:params="{ id: user.id }">Perfil</UILink>
<UILink href="https://github.com/meekojs/meeko"
target="_blank" variant="outline">GitHub</UILink>
<UILinkCard to="/theming" title="Personalización"
description="Conecta los tokens con tu marca." />| Nombre | Tipo / valor inicial | Descripción |
|---|---|---|
to
|
RouteId
| Ruta de la aplicación, con navegación del cliente. Excluye href, target y rel. |
params / search
|
parámetros de la ruta / objeto
| Con to: los parámetros de una ruta dinámica (obligatorios en ella) y la query string. |
href
|
string
| Cualquier URL. Excluye to; hace falta uno de los dos. |
variant / size / shape
|
UIActionVariant / UIActionSize / UIActionShape
primary / md / rounded
| Misma API visual que UIButton. |
target / rel
|
string
| Atributos nativos del enlace. Para _blank se añade noopener noreferrer cuando rel no está definido. |
ariaLabel
|
string
| Nombre accesible cuando el contenido visible no basta; gana sobre aria-label. |
id / title / aria-* / data-*
|
atributos HTML
| Llegan tal cual al enlace. |
class
|
string
| Clases adicionales. |
UILinkCard
| Nombre | Tipo / valor inicial | Descripción |
|---|---|---|
to
|
RouteId
| Ruta de la aplicación, con navegación del cliente. Excluye href; con @meekojs/i18n apunta a la versión en el idioma actual. |
params / search / resolve
|
parámetros de la ruta / objeto / boolean
| Con to, como en UILink: los parámetros de una ruta dinámica, la query string y si el href pasa por los resolvedores de enlaces. |
href
|
string
| Cualquier URL. Excluye to; hace falta uno de los dos. |
title
|
string
| Obligatoria. Texto principal del enlace. |
description
|
string
| Texto de apoyo opcional. |
target / rel / hreflang / download
|
string
| Atributos nativos del enlace, como en UILink. |
id / aria-* / data-*
|
atributos HTML
| Llegan tal cual al enlace. |
class
|
string
| Clases adicionales. |
UILink
requiere el snippet
default
y emite
click.
UILinkCard
admite contenido adicional con el snippet
default
opcional. No incluyas enlaces ni botones dentro de una LinkCard: toda la superficie ya es un enlace.
Los enlaces internos participan en la navegación de Meeko; conservan el clic central, abrir en otra pestaña y el fallback sin JavaScript.