> ## Documentation Index
> Fetch the complete documentation index at: https://docs.metrito.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Builder de dashboard

> Como montar, configurar e organizar os widgets do seu dashboard no Metrito.

## O que é o builder?

O **builder** é o modo de edição do dashboard. É onde você arrasta widgets para o painel, configura cada um deles, reorganiza o layout e salva o resultado.

Para abrir o builder, clique em **Editar** (ícone de lápis) ao lado do nome do dashboard.

## A barra lateral: Templates e Widgets

No builder, uma barra lateral à esquerda traz duas abas:

<CardGroup cols={2}>
  <Card title="Templates" icon="layer-group">
    Layouts prontos para começar rápido. Aplique um template e ajuste a partir dele. Veja [Templates](/dashboard/templates).
  </Card>

  <Card title="Widgets" icon="shapes">
    A galeria de widgets disponíveis, organizada por categoria (Principais, Gráficos, Úteis, Especiais). Use a busca para encontrar rápido.
  </Card>
</CardGroup>

As categorias de widgets incluem:

* **Principais** — Card de Métrica, Tabela, Funil de Conversão
* **Gráficos** — Linha, Barras, Área, Pizza
* **Úteis** — Divisor
* **Especiais** — Vendas por Horário, Vendas por Dia da Semana, Taxa de Aprovação

Veja a lista completa em [Widgets disponíveis](/dashboard/widgets).

## Adicionar e organizar widgets

<Steps>
  <Step title="Adicione um widget">
    Clique no widget desejado na barra lateral. Ele é inserido no painel.
  </Step>

  <Step title="Reposicione">
    Arraste o widget para a posição desejada no grid.
  </Step>

  <Step title="Redimensione">
    Use a alça no canto inferior direito do widget para ajustar largura e altura.
  </Step>
</Steps>

## Configurar um widget

Ao passar o mouse sobre um widget no builder, aparecem três ações no canto superior:

| Ícone                       | Ação                                                                           |
| --------------------------- | ------------------------------------------------------------------------------ |
| **Duplicar**                | Cria uma cópia do widget com as mesmas configurações.                          |
| **Configurar** (engrenagem) | Abre as opções do widget: métrica exibida, formato, cores, agrupamento e mais. |
| **Excluir** (lixeira)       | Remove o widget do dashboard.                                                  |

<Tip>
  Em **Configurar** você define o que cada widget mostra — por exemplo, qual métrica um Card de Métrica exibe, ou quais colunas aparecem em uma Tabela. É aqui que o dashboard ganha a cara do seu negócio.
</Tip>

## Salvar e visualizar

O builder mostra o status de salvamento no topo (ex.: **Salvo**). Use os botões de **desfazer/refazer** para voltar atrás em mudanças e **Visualizar** para sair da edição e ver o painel como ele ficará.

<Note>
  Gostou do layout e quer reutilizá-lo em outros projetos? Salve-o como um [template](/dashboard/templates).
</Note>

## Próximos passos

<CardGroup cols={2}>
  <Card title="Widgets disponíveis" icon="shapes" href="/dashboard/widgets">
    Veja cada tipo de widget e para que serve.
  </Card>

  <Card title="Templates" icon="layer-group" href="/dashboard/templates">
    Comece de um layout pronto ou salve o seu.
  </Card>
</CardGroup>