# Vaul

Een drawer-component zonder standaardopmaak, speciaal ontworpen voor naadloze integratie in React-applicaties en betere interacties op mobiele apparaten.

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

Vaul is een drawer-component zonder standaardopmaak, speciaal ontworpen voor React-applicaties. De component dient als vervanging voor dialogen en is geoptimaliseerd voor gebruik op tablets en mobiele apparaten. Bij het ontwerp is rekening gehouden met flexibiliteit, zodat ontwikkelaars het gedrag en uiterlijk van de drawer in hun applicaties kunnen aanpassen.

Een van de belangrijkste functies is dat de achtergrond kan worden geschaald wanneer de drawer wordt geopend. Zo ontstaat een meeslependere ervaring voor gebruikers. De drawer kan programmatisch worden aangestuurd, zodat ontwikkelaars de open status kunnen beheren met React's statebeheer.

Vaul biedt een eenvoudige API voor integratie, met duidelijk gedefinieerde componenten zoals Drawer.Root, Drawer.Trigger, Drawer.Content en Drawer.Overlay. Zo behoudt u een overzichtelijke structuur bij het toevoegen aan applicaties. De bibliotheek ondersteunt onder meer snap-punten voor betere interactie, een aanpasbare container voor de drawer en opties om sluiten uit te schakelen.

Deze component is ideaal voor ontwikkelaars die een responsieve, mobielvriendelijke drawer-functie willen implementeren zonder beperkingen van opgemaakte componenten die kunnen botsen met het ontwerpsysteem van hun applicatie.

Voor uitgebreide voorbeelden kunnen gebruikers interactieve demo's op CodeSandbox bekijken. Deze laten verschillende functies van de component zien, zoals scrollbediening en aangepaste snap-punten.

## Functies

- Drawer-component zonder standaardopmaak
- Geoptimaliseerd voor mobiel en tablet
- Achtergrond schalen
- Aanpasbare snap-punten
- De open status programmatisch aansturen
- Ondersteunt geneste drawers
- Flexibele positionering van content
- Aangepaste portal voor rendering

## Details

**GitHub-sterren**

6.5K

**npm-downloads**

605.0K/week

**Nieuwste versie**

1.1.1

**Aangemaakt op**

Jul 16, 2023

**Bijgewerkt op**

Dec 6, 2024

**Licentie**

MIT License

Hier adverteren?

[E-mail ons](mailto:hi@dennn.is?subject=Adverteren%20op%20KickstartUI)

[Advertentie De plug-insuite voor agents van WordPress.](https://sleekwp.com/?ref=kickstartui)

## Gerelateerde items

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

Headless React-componenten zonder opmaak voor toegankelijke, sterk aanpasbare interfaces, met volledige controle over de stijlen.

**GitHub-sterren**

5.2K

**Bijgewerkt op**

Aug 17, 2025

**Licentie**

MIT License

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

Een uitgebreide set opensource-UI-componenten voor het soepel en efficiënt bouwen van Vue.js-applicaties.

**GitHub-sterren**

11.0K

**Bijgewerkt op**

Dec 6, 2024

**Licentie**

MIT License

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

Ongestylede, toegankelijke opensource-React-primitives voor hoogwaardige webapps en designsystemen.

**GitHub-sterren**

16.0K

**Bijgewerkt op**

Dec 6, 2024

**Licentie**

MIT License

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

Met deze open-source UI-oplossing maak je geavanceerde ontwerpsystemen met aanpasbare componenten die geschikt zijn voor uiteenlopende visuele stijlen en toegankelijkheidsnormen.

**GitHub-sterren**

3.9K

**Bijgewerkt op**

Dec 6, 2024

**Licentie**

MIT License

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

Bouw snel en efficiënt toegankelijke webapplicaties met een uitgebreide set essentiële componenten die eenvoudig te gebruiken en sterk aanpasbaar zijn.

**GitHub-sterren**

38.1K

**Bijgewerkt op**

Dec 6, 2024

**Licentie**

MIT License

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

Dit component is een complete oplossing voor commandomenu's in React, met aandacht voor zowel de gebruikerservaring als de flexibiliteit voor ontwikkelaars.

**GitHub-sterren**

10.0K

**Bijgewerkt op**

Dec 6, 2024

**Licentie**

MIT License

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

Een project waarmee je eenvoudig websites voor documentatie maakt, met de nadruk op inhoud en gebruiksgemak.

**GitHub-sterren**

57.0K

**Bijgewerkt op**

Dec 6, 2024

**Licentie**

MIT License

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

Een veelzijdige collectie prachtig ontworpen componenten om uw webprojecten te verbeteren en uw ontwerpproces te stroomlijnen.