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 |
---|---|---|---|---|
variant | string | 'warning' | warning error info | Define a variante do Dialog Modal. |
* description (required) | string | -- | Define a descrição do Dialog Modal. | |
* modelValue (required) | boolean | false | -- | Controla a exibição do Dialog Modal. |
* title (required) | string | -- | Define o título do Dialog Modal exibido no header | |
okButtonText | string | 'Continuar' | -- | Define texto do botão de ação do Dialog Modal |
cancelButtonText | string | 'Cancelar' | -- | Define texto do botão de cancelar do Dialog Modal |
actionButtonVariant | string | '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 |