---
title: Dialog
description: O componente Dialog é responsável por exibir um popup para o usuário, oferecendo uma maneira conveniente de interagir com conteúdos importantes. Para configurar o conteúdo do popup que será exibido, basta criar o conteúdo desejado dentro da caixa do dialog,…
url: "https://gaianocode.com.br/docs/dialog/"
updated: "2024-03-19"
category: Pages / Page Componentes / Boots Trap / Dialog
---

# Dialog

O componente Dialog é responsável por exibir um popup para o usuário, oferecendo uma maneira conveniente de interagir com conteúdos importantes. Para configurar o conteúdo do popup que será exibido, basta criar o conteúdo desejado dentro da caixa do dialog, seguindo o mesmo procedimento utilizado na área de trabalho. Por padrão, o popup vem oculto, e uma das formas de exibi-lo é através de um script, permitindo um controle preciso sobre quando e como ele aparece na interface do usuário.

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dialog-1024x312.png)

## Localização

O componente Dialog faz parte do conjunto de ferramentas fornecido pelo Bootstrap, o qual está integrado no WebComponents, como exemplificado abaixo:

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dialog2.png)

## Propriedades

### Basic

As propriedades básicas do componente Dialog incluem o seu tipo, contendo como única opção Badge, além do conteúdo do texto que estará contido nele.

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dialog-3.png)

### Params

O componente Dialog disponibiliza propriedades de parâmetros que incluem class e title. A opção class refere-se à classe atribuída ao Dialog e o Title refere-se ao titulo que será exibido no poqup.

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dialog-4.png)