Link

Link

Status: In use · Completeness: Incomplete · Source: Aegis UI kit · Languages: es, en

Qué es y para qué sirve

ES: Control de navegacion que lleva a otra vista, seccion o recurso.

Permite desplazarse entre contenidos sin ejecutar una accion de estado en la pagina.

EN: Navigation control to another view, section or resource.

Moves between content without performing an in-page state action.

Cuándo se usa

ES: Para navegar a otra URL o ancla; no para abrir modales ni enviar formularios (usa Button).

EN: To navigate to another URL or anchor; not for modals or form submit (use Button).

Uso y comportamiento

Link o enlace. Destinado para navegación o descarga de archivos.

Anatomía

Parte Rol Tokens / unbound figmaId
Icon only=No, State=Enabled COMPONENT — 2:141
Content FRAME — 2:142
Icon INSTANCE — 2:143
Label TEXT — 2:144
Icon INSTANCE — 2:145

Props

Prop Tipo Valores / default Controla
Label TEXT Label —
Left icon INSTANCE_SWAP 2:21 —
Right icon INSTANCE_SWAP 2:21 —
Show left icon BOOLEAN true —
Show right icon BOOLEAN true —
Icon only VARIANT No, Yes —
State VARIANT Enabled, Hover, Active, Focused, Disabled —
— SLOT none none

Layout, tokens y estados (Default)

Default: Icon only=No, State=Enabled (2:141)

Propiedad UI Token unbound
Root · paddingLeft/Right space/3xs —
Root · layoutMode — VERTICAL
Root · padding — t0 r4 b0 l4
Content · layoutMode — HORIZONTAL
Content · itemSpacing — 6
Label · fills color/text/link —
Label · typography typo/body/md/* —
Vector · strokes color/border/brand/strong —

Variantes