Pharos
Navegar componentes
← Componentes

Citation

CitationExemplo
Citations exibem referências inline a fontes externas. Use-as para atribuir informações em respostas geradas por IA, artigos ou em qualquer lugar em que proveniência e links de fonte sejam necessários.
Importação
import {Citation} from '@pharos-ds/core/Citation';

Exemplos

Área interativa

variant
Documentação Pharos
Código
import {Citation} from '@pharos-ds/core/Citation';

<Citation
  number={1}
  variant="label"
 />

Boas práticas

  • Faça: Use a variante label quando o título da fonte adiciona contexto significativo para o leitor.
  • Faça: Use a variante number para referências inline compactas no corpo do texto, como notas de rodapé.
  • Evite: Misture variantes label e number no mesmo parágrafo. Escolha um estilo por contexto para consistência visual.

Props

PropTipoPadrãoDescrição
source *CitationSource—O objeto de fonte da citation contendo title, url, um src de imagem opcional e um node de ícone opcional.
number *number—O índice de exibição desta citation.
variant'label' | 'number''label'Estilo de exibição: um chip label mostrando o título da fonte ou um badge numerado compacto.
Pacote: @pharos-ds/core · Import: @pharos-ds/core/Citation
Citation · Pharos