# Vaul

Un componente drawer senza stili, pensato per integrarsi facilmente nelle applicazioni React e migliorare l’interazione sui dispositivi mobili.

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

Vaul è un componente drawer senza stili, progettato appositamente per le applicazioni React. È un’alternativa ai dialoghi, ottimizzata per l’uso su tablet e dispositivi mobili. È stato realizzato per offrire flessibilità, così che gli sviluppatori possano personalizzarne il comportamento e l’aspetto nelle proprie applicazioni.

Una delle sue funzionalità principali è la possibilità di ridimensionare lo sfondo quando il drawer viene aperto, creando un’esperienza più coinvolgente. È possibile controllare il drawer tramite codice e gestirne lo stato di apertura con la gestione dello stato di React.

Vaul offre un’API semplice da integrare e componenti chiaramente definiti, come Drawer.Root, Drawer.Trigger, Drawer.Content e Drawer.Overlay, per organizzare la struttura nelle applicazioni. La libreria supporta diverse funzionalità, tra cui punti di aggancio per migliorare l’interazione, la personalizzazione del contenitore del drawer e l’opzione per impedirne la chiusura.

Questo componente è ideale per gli sviluppatori che vogliono aggiungere un drawer adattabile e ottimizzato per i dispositivi mobili senza i vincoli dei componenti con stili che potrebbero entrare in conflitto con il design system dell’applicazione.

Per esempi dettagliati, è possibile esplorare le demo interattive disponibili su CodeSandbox, che illustrano varie funzionalità del componente, come i controlli di scorrimento e i punti di aggancio personalizzati.

## Funzionalità

- Componente drawer senza stili
- Ottimizzato per dispositivi mobili e tablet
- Ridimensionamento dello sfondo
- Punti di aggancio personalizzabili
- Controllo programmatico dello stato di apertura
- Supporta drawer annidati
- Posizionamento flessibile dei contenuti
- Portal personalizzato per il rendering

## Dettagli

**Stelle su GitHub**

6.5K

**Download npm**

605.0K/settimana

**Ultima versione**

1.1.1

**Creato il**

Jul 16, 2023

**Aggiornato il**

Dec 6, 2024

**Licenza**

MIT License

Il tuo annuncio qui?

[Scrivici](mailto:hi@dennn.is?subject=Pubblicit%C3%A0%20su%20KickstartUI)

[Annuncio La suite di plugin pronta per gli agenti di WordPress.](https://sleekwp.com/?ref=kickstartui)

## Elementi correlati

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

Componenti React senza logica e stili predefiniti per creare interfacce accessibili e altamente personalizzabili, con pieno controllo sugli stili.

**Stelle su GitHub**

5.2K

**Aggiornato il**

Aug 17, 2025

**Licenza**

MIT License

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

Una ricca raccolta di componenti UI open source pensati per creare applicazioni Vue.js in modo semplice ed efficiente.

**Stelle su GitHub**

11.0K

**Aggiornato il**

Dec 6, 2024

**Licenza**

MIT License

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

Primitive React accessibili, open source e senza stili per app web e sistemi di design di alta qualità.

**Stelle su GitHub**

16.0K

**Aggiornato il**

Dec 6, 2024

**Licenza**

MIT License

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

Questa soluzione UI open source consente di creare sistemi di design sofisticati con componenti personalizzabili, adattabili a diversi stili visivi e standard di accessibilità.

**Stelle su GitHub**

3.9K

**Aggiornato il**

Dec 6, 2024

**Licenza**

MIT License

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

Create applicazioni web accessibili in modo rapido ed efficiente con un solido set di componenti essenziali, facili da usare e altamente personalizzabili.

**Stelle su GitHub**

38.1K

**Aggiornato il**

Dec 6, 2024

**Licenza**

MIT License

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

Questo componente offre una soluzione completa per i menu di comandi in React, con particolare attenzione sia all'esperienza utente sia alla flessibilità per gli sviluppatori.

**Stelle su GitHub**

10.0K

**Aggiornato il**

Dec 6, 2024

**Licenza**

MIT License

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

Un progetto che aiuta a creare facilmente siti di documentazione, con particolare attenzione ai contenuti e all'usabilità.

**Stelle su GitHub**

57.0K

**Aggiornato il**

Dec 6, 2024

**Licenza**

MIT License

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

Una raccolta versatile di componenti dal design elegante, pensata per arricchire i vostri progetti web e semplificare il processo di progettazione.