Componente de Drawer

[juliaam]

Describe the feature
Criar componente do Drawer.

Description

O componente do Drawer será uma funcionalidade que permitirá a renderização de conteúdo adicional de forma intuitiva e não intrusiva em diversas telas do site. Ele será posicionado no canto direito da tela e será ativado ao ser acionado por um botão. Assim como um modal, ele irá sobrepor o conteúdo principal da tela, mas de forma lateral, oferecendo uma maneira conveniente de exibir informações adicionais ou interações sem comprometer a visibilidade do conteúdo principal.

Use case

O Drawer será empregado em diversas situações no site, como por exemplo, quando for necessário solicitar dados adicionais do usuário ou oferecer opções complementares sem modificar o conteúdo principal da tela. Por exemplo, ao clicar no botão de adicionar vacina na página de cadastro do pet, o Drawer será acionado para exibir campos que precisam ser preenchidos da vacina do pet.

Implementation Details

Atentar-se a:

• Título, que será setado por prop
• Botão de fechar no topo da página
• Botão de confirmar no canto inferior do componente, que emitirá ao ser clicado

Visual Concepts

Desktop visual:

Mobile visual:

Link do figma: https://www.figma.com/file/ZQ5mPH1j2snuiVpkp68EI5/PetDex?type=design&node-id=107-5&mode=design&t=A3aR7erq6Yau3YNW-0

[Alecell]

Obrigado por abrir a issue

Verifique os nossos guidelines:

• Código de conduta
• Contribuição
• Guia de Estilo

[RafaelLimaC]

Eu quero!!!