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
| Propriedade | Tipo | Descrição |
|---|---|---|
href | string | URL de destino do link. Quando não informado, assume # |
target | string | Alvo de abertura do link (ex: _blank, _self) |
className | string | Classes CSS adicionais, aplicadas junto da classe link |
id | string | Identificador ú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
linkdo DaisyUI é sempre aplicada; variações comolink-primary,link-hoveroulink-neutralpodem ser adicionadas viaclassName - Apenas
href,target,classNameeidsão repassados ao elemento renderizado — demais propriedades de estilo devem ser aplicadas porclassName - É renderizado como elemento inline