Skip to main content

Link

Apresentação

O componente Link renderiza uma âncora estilizada com a classe link do DaisyUI. É usado para navegação por URL — dentro da própria aplicação web ou para endereços externos.

Quando usar

  • Para navegar até uma URL externa
  • Para links de navegação em aplicações web construídas com Eitri
  • Para textos clicáveis com aparência de link

Para navegação entre telas de um Eitri-App, use a navegação do Bifrost em vez do Link.

Forma básica de uso

import { Link, Text } from 'eitri-luminus';

// Link simples
<Link href="https://eitri.tech">
Acesse o site
</Link>

// Abrindo em nova aba
<Link href="https://eitri.tech" target="_blank">
Abrir em nova aba
</Link>

// Com estilização adicional
<Link href="#termos" className="link-primary text-sm">
Termos de uso
</Link>

Propriedades

PropriedadeTipoDescrição
hrefstringURL de destino do link. Quando não informado, assume #
targetstringAlvo de abertura do link (ex: _blank, _self)
classNamestringClasses CSS adicionais, aplicadas junto da classe link
idstringIdentificador único do componente

Heranças

O componente Link herda todas as propriedades comuns da biblioteca através da interface CommonProps, que inclui:

  • Propriedades de estilo (margin, padding, etc)
  • Propriedades de layout (flex, grid, etc)
  • Propriedades de posicionamento
  • Propriedades de acessibilidade
  • Propriedades de identificação (id, data-e)

Observações

  • A classe link do DaisyUI é sempre aplicada; variações como link-primary, link-hover ou link-neutral podem ser adicionadas via className
  • Apenas href, target, className e id são repassados ao elemento renderizado — demais propriedades de estilo devem ser aplicadas por className
  • É renderizado como elemento inline