Skip to content

DialogModal

O DialogModal é um componente utilizado para interagir com o usuário em situações críticas ou informativas.


Quando usar

  • Quando for necessário obter a confirmação do usuário para ações que podem ter consequências significativas, como excluir um item;
  • Quando ocorrer um erro no sistema e o usuário precisar ser notificado;
  • Quando for necessário informar o usuário sobre algo importante**, **mas que não requer uma ação imediata.

Quando não usar

  • Quando as mensagens a serem passadas ao usuário forem triviais e não exijam a atenção imediata do usuário. Nestes casos, considere usar notificações ou alertas.

Uso

js
<CdsDialogModal
	variant="green"
	size="md"
	text="Lorem Ipsum"
	@click="dialogModalClick = true"
/>

Preview


Props

Nome
Tipo
Default
Opções
Descrição
variantstring'warning'warning
error
info
Define a variante do Dialog Modal.
* description (required)string -- Define a descrição do Dialog Modal.
* modelValue (required)booleanfalse -- Controla a exibição do Dialog Modal.
* title (required)string -- Define o título do Dialog Modal exibido no header
okButtonTextstring'Continuar' -- Define texto do botão de ação do Dialog Modal
cancelButtonTextstring'Cancelar' -- Define texto do botão de cancelar do Dialog Modal
actionButtonVariantstring'green'green
teal
turquoise
blue
indigo
violet
pink
red
orange
amber
gray
dark
Define a variante do botão de ação do Dialog Modal (segue as variantes do componente de botão do Cuida)

Eventos

Nome
Descrição
@close
@update:modelValue
@ok

Última atualização:

Released under the Apache-2.0 License.