Navegar componentes

TopNavMegaMenuFeaturedCard

MiscExemplo

Card featured padrão para o slot featured do TopNavMegaMenu. Fornece um card consistente com image, title, description e link CTA opcionais.

Importação

import {TopNavMegaMenuFeaturedCard} from '@pharos-ds/core/TopNavMegaMenuFeaturedCard';

Exemplos

Área interativa

title

Descrição

Código

import {TopNavMegaMenuFeaturedCard} from '@pharos-ds/core/TopNavMegaMenuFeaturedCard';

<TopNavMegaMenuFeaturedCard
  title="Primeiros passos"
  hasDescription
 />

Props

Prop	Tipo	Padrão	Descrição
`title` *	`string`	—	Title do card.
`description`	`string`	—	Texto de description abaixo do title.
`image`	`string`	—	URL de image opcional exibida acima do body.
`imageAlt`	`string`	—	Alt text da image. Quando omitido, a image é explicitamente decorativa (alt="", role="presentation", aria-hidden), geralmente correto já que o card já tem um title visível. Forneça apenas quando a image transmitir informação além do title e description.
`linkLabel`	`string`	—	Texto do link CTA.
`linkHref`	`string`	—	URL do link CTA.
`children`	`ReactNode`	—	Conteúdo personalizado renderizado abaixo do body padrão.

Pacote: @pharos-ds/core · Import: @pharos-ds/core/TopNavMegaMenuFeaturedCard