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

# Criar novo

> A funcionalidade de criação do Agile é uma ferramenta prática que permite adicionar novos dados de forma rápida, segura e eficiente.

O botão de Criar novo é uma funcionalidade essencial do Agile, projetada para facilitar a adição de novos dados ao sistema. Ele está disponível em diversas seções, como usuários, clientes, departamentos, entre muitos.

<div>
  <img className="rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/create/create.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=3af8bae11b247532e2667986998319c0" width="372" height="105" data-path="public/images/organization/general/create/create.png" />
</div>

***

## Estilo do botão

Botões como o "Criar novo" seguem o padrão visual da organização, utilizando sua cor primária para manter a identidade visual consistente em toda a plataforma. Esse estilo ajuda o usuário a identificar rapidamente ações principais dentro do sistema.

Se quiser saber mais sobre estilos e aparências, clique **[aqui](/organization/visual-identity#cores-e-fonte)**.

***

## Formulário de criação

Ao clicar no botão “Criar novo”, uma aba lateral se abre na tela em dispositivos desktop, permitindo que o usuário preencha um formulário ou insira novas informações. Essa aba desliza a partir da lateral da interface e não carrega uma nova página, oferecendo uma experiência mais fluida e intuitiva.\
Em dispositivos móveis, o formulário é exibido em um modal que sobe a partir da parte inferior da tela, adaptando a interface para uma navegação mais confortável e eficiente em telas menores.

<Card>
  Desktop

  <div>
    <img className="block dark:hidden rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/create/form-desktop-light.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=db29873a8f9b8be1184e906a3741ea6d" width="1920" height="1080" data-path="public/images/organization/general/create/form-desktop-light.png" />

    <img className="hidden dark:block rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/create/form-desktop-dark.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=47b8cdfd42abc2daf04c16ac35b0b02e" width="1920" height="1080" data-path="public/images/organization/general/create/form-desktop-dark.png" />
  </div>

  Mobile

  <div>
    <img className="block dark:hidden rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/create/form-mobile-light.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=d2308d5d9cd67356026ea1ab491a047e" width="822" height="1080" data-path="public/images/organization/general/create/form-mobile-light.png" />

    <img className="hidden dark:block rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/create/form-mobile-dark.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=d5df4fd43ed5a1149d3bcdec13adb173" width="822" height="1080" data-path="public/images/organization/general/create/form-mobile-dark.png" />
  </div>

  <Info>
    Os campos que possuem um asterisco (<span className="font-semibold">\*</span>) ao lado do título são obrigatórios. Isso significa que eles precisam ser preenchidos para que o formulário possa ser enviado com sucesso.
  </Info>
</Card>