# Vaul

Um componente de gaveta sem estilos, projetado para integração perfeita em aplicações React e para aprimorar as interações em dispositivos móveis.

[Website](https://vaul.emilkowal.ski) [GitHub](https://github.com/emilkowalski/vaul) [npm](https://npmjs.com/package/vaul)

Vaul é um componente de gaveta sem estilos, desenvolvido especialmente para aplicações React. Ele serve como alternativa a diálogos e é otimizado para uso em tablets e dispositivos móveis. O componente foi criado para oferecer flexibilidade, permitindo que os desenvolvedores personalizem o comportamento e a aparência da gaveta nas aplicações.

Um dos principais recursos é a possibilidade de ampliar o plano de fundo quando a gaveta é aberta, criando uma experiência mais imersiva. A gaveta pode ser controlada por código, permitindo que os desenvolvedores gerenciem seu estado de abertura usando o gerenciamento de estado do React.

Vaul oferece uma API simples para integração, com componentes claramente definidos, como Drawer.Root, Drawer.Trigger, Drawer.Content e Drawer.Overlay, que ajudam a manter uma estrutura organizada nas aplicações. A biblioteca oferece vários recursos, como pontos de encaixe para melhorar a interação, personalização do contêiner da gaveta e opções para impedir que ela seja fechada pelo usuário.

Esse componente é ideal para desenvolvedores que querem implementar uma gaveta responsiva e compatível com dispositivos móveis sem as limitações de componentes com estilos que podem entrar em conflito com o sistema de design da aplicação.

Para ver exemplos completos de uso, explore as demonstrações interativas disponíveis no CodeSandbox, que mostram vários recursos do componente, como controles de rolagem e pontos de encaixe personalizados.

## Recursos

- Componente de gaveta sem estilos
- Otimizado para dispositivos móveis e tablets
- Ampliação do plano de fundo
- Pontos de encaixe personalizáveis
- Controle por código do estado de abertura
- Suporte a gavetas aninhadas
- Posicionamento flexível do conteúdo
- Portal personalizado para renderização

## Detalhes

**Estrelas no GitHub**

6.5K

**Downloads do npm**

605.0K/semana

**Versão mais recente**

1.1.1

**Criado em**

Jul 16, 2023

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

Seu anúncio aqui?

[Envie-nos um e-mail](mailto:hi@dennn.is?subject=Publicidade%20em%20KickstartUI)

[Anúncio O conjunto de plugins pronto para agentes para WordPress.](https://sleekwp.com/?ref=kickstartui)

## Itens relacionados

### [BaseUI](https://kickstartui.com/pt/details/baseui/)

Componentes React sem interface nem estilos, para criar interfaces acessíveis e altamente personalizáveis com controle total sobre os estilos.

**Estrelas no GitHub**

5.2K

**Atualizado em**

Aug 17, 2025

**Licença**

MIT License

### [PrimeVue](https://kickstartui.com/pt/details/primevue/)

Um conjunto abrangente de componentes UI de código aberto, feito sob medida para criar aplicações Vue.js com facilidade e eficiência.

**Estrelas no GitHub**

11.0K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [Radix Primitives](https://kickstartui.com/pt/details/radix-ui-primitives/)

Primitivos acessíveis, sem estilos e de código aberto para React, voltados a aplicações Web e sistemas de design de alta qualidade.

**Estrelas no GitHub**

16.0K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [ArkUI](https://kickstartui.com/pt/details/ark-ui/)

Esta solução UI de código aberto permite criar sistemas de design sofisticados com componentes personalizáveis, adaptáveis a vários estilos visuais e padrões de acessibilidade.

**Estrelas no GitHub**

3.9K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [ChakraUI](https://kickstartui.com/pt/details/chakra-ui/)

Crie aplicativos Web acessíveis com rapidez e eficiência usando um conjunto robusto de componentes essenciais, fáceis de usar e altamente personalizáveis.

**Estrelas no GitHub**

38.1K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [cmdk](https://kickstartui.com/pt/details/cmdk/)

Este componente oferece uma solução completa de menu de comandos para React, com foco tanto na experiência do usuário quanto na flexibilidade para desenvolvedores.

**Estrelas no GitHub**

10.0K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [Docusaurus](https://kickstartui.com/pt/details/docusaurus/)

Um projeto que ajuda a criar sites de documentação com facilidade, com foco no conteúdo e na usabilidade.

**Estrelas no GitHub**

57.0K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [MagicUI](https://kickstartui.com/pt/details/magic-ui/)

Uma coleção versátil de componentes com design elegante para aprimorar seus projetos Web e agilizar seu processo de design.