# Vaul

O componentă de tip sertar fără stiluri, concepută pentru integrare perfectă în aplicațiile React și pentru îmbunătățirea interacțiunilor utilizatorilor pe dispozitive mobile.

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

Vaul este o componentă de tip sertar fără stiluri, concepută special pentru aplicațiile React. Servește drept alternativă la dialog și este optimizată pentru utilizarea pe tablete și dispozitive mobile. Componenta este construită pentru flexibilitate, permițând dezvoltatorilor să personalizeze comportamentul și aspectul sertarului în aplicațiile lor.

Una dintre funcțiile sale principale este scalarea fundalului la deschiderea sertarului, ceea ce creează o experiență mai captivantă pentru utilizatori. Sertarul poate fi controlat programatic, astfel încât dezvoltatorii să îi poată gestiona starea de deschidere folosind gestionarea stării din React.

Vaul oferă un API simplu pentru integrare, cu componente clar definite precum Drawer.Root, Drawer.Trigger, Drawer.Content și Drawer.Overlay, care permit o structură organizată la integrarea în aplicații. Biblioteca acceptă funcții precum puncte de fixare pentru o interacțiune mai bună, personalizarea containerului sertarului și opțiuni pentru dezactivarea închiderii de către utilizator.

Această componentă este ideală pentru dezvoltatorii care vor să implementeze un sertar adaptabil, optimizat pentru dispozitive mobile, fără constrângerile componentelor cu stiluri care ar putea intra în conflict cu sistemul de design al aplicației.

Pentru exemple detaliate de utilizare, utilizatorii pot explora demonstrațiile interactive disponibile pe CodeSandbox, care prezintă diverse funcții ale componentei, precum controalele de derulare și punctele de fixare personalizate.

## Funcționalități

- Componentă de tip sertar fără stiluri
- Optimizare pentru dispozitive mobile și tablete
- Scalarea fundalului
- Puncte de fixare personalizabile
- Control programatic asupra stării de deschidere
- Acceptă sertare imbricate
- Poziționare flexibilă a conținutului
- Portal personalizat pentru randare

## Detalii

**Stele pe GitHub**

6.5K

**Descărcări npm**

605.0K/săptămână

**Cea mai recentă versiune**

1.1.1

**Creat la**

Jul 16, 2023

**Actualizat la**

Dec 6, 2024

**Licență**

MIT License

Reclama dvs. aici?

[Trimiteți-ne un e-mail](mailto:hi@dennn.is?subject=Publicitate%20pe%20KickstartUI)

[Reclamă Suita de pluginuri pregătită pentru agenți pentru WordPress.](https://sleekwp.com/?ref=kickstartui)

## Elemente similare

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

Componente React fără interfață și stiluri predefinite, pentru crearea de interfețe accesibile și foarte personalizabile, cu control deplin asupra stilurilor.

**Stele pe GitHub**

5.2K

**Actualizat la**

Aug 17, 2025

**Licență**

MIT License

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

O colecție bogată de componente UI open source, create special pentru dezvoltarea simplă și eficientă a aplicațiilor Vue.js.

**Stele pe GitHub**

11.0K

**Actualizat la**

Dec 6, 2024

**Licență**

MIT License

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

Primitive React accesibile, open source și fără stilizare, pentru aplicații web și sisteme de design de înaltă calitate.

**Stele pe GitHub**

16.0K

**Actualizat la**

Dec 6, 2024

**Licență**

MIT License

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

Această soluție UI open-source permite crearea unor sisteme de design sofisticate folosind componente personalizabile, adaptabile la diverse stiluri vizuale și standarde de accesibilitate.

**Stele pe GitHub**

3.9K

**Actualizat la**

Dec 6, 2024

**Licență**

MIT License

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

Creați rapid și eficient aplicații web accesibile cu un set solid de componente esențiale, ușor de folosit și foarte personalizabile.

**Stele pe GitHub**

38.1K

**Actualizat la**

Dec 6, 2024

**Licență**

MIT License

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

Această componentă oferă o soluție completă de meniu de comenzi pentru React, punând accent atât pe experiența utilizatorilor, cât și pe flexibilitatea pentru dezvoltatori.

**Stele pe GitHub**

10.0K

**Actualizat la**

Dec 6, 2024

**Licență**

MIT License

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

Un proiect care vă ajută să creați cu ușurință site-uri de documentație, cu accent pe conținut și ușurința în utilizare.

**Stele pe GitHub**

57.0K

**Actualizat la**

Dec 6, 2024

**Licență**

MIT License

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

O colecție versatilă de componente cu design elegant, care vă îmbunătățesc proiectele web și simplifică procesul de design.