---
title: Button
description: O componente Button é um elemento essencial na criação de páginas web, possibilitando a adição de botões interativos em seu template. Esses botões desempenham um papel crucial ao fornecer aos usuários uma maneira fácil e direta de interagir com o…
url: "https://gaianocode.com.br/docs/button/"
updated: "2024-02-06"
category: Pages / Page Componentes / Button
---

# Button

O componente Button é um elemento essencial na criação de páginas web, possibilitando a adição de botões interativos em seu template. Esses botões desempenham um papel crucial ao fornecer aos usuários uma maneira fácil e direta de interagir com o conteúdo da página. Com a ferramenta Button, você tem a liberdade de personalizar a aparência e o comportamento dos botões, tornando-os visualmente atraentes e alinhados ao estilo do seu projeto. A capacidade de editar e ajustar as propriedades dos botões conforme necessário oferece flexibilidade na criação de interfaces amigáveis e eficientes. Essa funcionalidade é valiosa para proporcionar uma experiência de usuário fluida e intuitiva em suas páginas web.

![](https://gaianocode.com.br/wp-content/uploads/2024/01/button-1024x243.png)

## Localização

O componente Button se encontra dentro de WebCompoents conforme ilustrado abaixo:

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

## Propriedades

### Basic

As propriedades básicas do componente Button incluem o tipo de botão, com opções como button, submit e reset, além do conteúdo do texto que estará contido nele.

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

## Params

As propriedades de parâmetros do componente Button incluem sua classe e o tamanho correspondente que o botão terá, oferecendo a flexibilidade de adicionar novos parâmetros conforme necessário.

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