Navegar componentes

DialogHeader

MiscExemplo

Cabeçalho para dialogs com título, subtítulo opcional, botão de fechar e slots start/end content.

Importação

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

Exemplos

hasDivider

subtitle

Corpo do diálogo.

Código

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

<DialogHeader
  hasDivider
  hasSubtitle
 />

Prop	Tipo	Padrão	Descrição
`title`	`string`	—	Título do dialog (recebe foco ao abrir e rotula o dialog via aria-labelledby).
`subtitle`	`string`	—	Subtítulo abaixo do título.
`onOpenChange`	`(isOpen: boolean) => unknown`	—	Callback do botão de fechar (sem botão se omitido).
`startContent`	`ReactNode`	—	Conteúdo antes do título (ex.: um botão voltar).
`endContent`	`ReactNode`	—	Conteúdo após o título, antes do botão de fechar.
`hasDivider`	`boolean`	`true`	Adiciona borda na borda inferior.

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