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