Pharos
Navegar componentes
← Componentes

NavIcon

NavigationExemplo
NavIcon é um contêiner circular de ícone com fundo em cor de destaque. Use em cabeçalhos de navegação como TopNavHeading e PageNavHeader para identificar visualmente uma seção ou aplicação.
Importação
import {NavIcon} from '@pharos-ds/core/NavIcon';

Exemplos

Área interativa

Código
import {NavIcon} from '@pharos-ds/core/NavIcon';

<NavIcon />

Boas práticas

  • Faça: Use em cabeçalhos de navegação para fornecer uma âncora visual reconhecível da seção.
  • Faça: Passe um Icon ou componente de ícone de tamanho similar para garantir proporções adequadas.
  • Evite: Use NavIcon para fins interativos; é um contêiner apenas de exibição, não um botão.

Props

PropTipoPadrãoDescrição
icon *ReactNode—O elemento de ícone a renderizar dentro do fundo circular. Deve ser um Icon ou componente de ícone similar.
Pacote: @pharos-ds/core · Import: @pharos-ds/core/NavIcon
NavIcon · Pharos