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
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.
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
Itens relacionados
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
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
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
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
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
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
Uma coleção versátil de componentes com design elegante para aprimorar seus projetos Web e agilizar seu processo de design.