# Vaul

Nesukurto stiliaus išstumiamos plokštės komponentas, lengvai integruojamas į React programas ir pagerinantis sąveiką su naudotojais mobiliuosiuose įrenginiuose.

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

Vaul yra specialiai React programoms sukurtas, iš anksto nesustilizuotas išstumiamos plokštės komponentas. Jis skirtas naudoti vietoj dialogo lango ir yra optimizuotas planšetiniams bei mobiliesiems įrenginiams. Komponentas sukurtas lanksčiai pritaikyti jo veikimą ir išvaizdą programoje.

Viena iš pagrindinių jo funkcijų – atidarius plokštę pakeisti fono mastelį ir taip sukurti įtraukesnę patirtį. Plokštę galima valdyti programiškai, naudojant React būsenos valdymą jos atidarymo būsenai keisti.

Vaul turi paprastą integravimo API ir aiškiai apibrėžtus komponentus, tokius kaip Drawer.Root, Drawer.Trigger, Drawer.Content ir Drawer.Overlay, todėl programoje ją galima įdiegti tvarkingai. Biblioteka palaiko įvairias funkcijas, įskaitant fiksavimo taškus, kurie pagerina naudotojo sąveiką, pritaikomą plokštės konteinerį ir galimybę neleisti jos uždaryti.

Šis komponentas tinka kūrėjams, norintiems įdiegti prisitaikančią, mobiliesiems įrenginiams pritaikytą išstumiamos plokštės funkciją be stiliaus komponentų apribojimų, galinčių nederėti su programos dizaino sistema.

Išsamių naudojimo pavyzdžių rasite interaktyviose CodeSandbox demonstracijose, kuriose pristatomos įvairios komponento funkcijos, pavyzdžiui, slinkimo valdikliai ir pritaikomi fiksavimo taškai.

## Funkcijos

- Iš anksto nesustilizuotas išstumiamos plokštės komponentas
- Optimizuota mobiliesiems telefonams ir planšetiniams kompiuteriams
- Fono mastelio keitimas
- Pritaikomi fiksavimo taškai
- Programinis atidarymo būsenos valdymas
- Palaikomos įdėtinės išstumiamos plokštės
- Lankstus turinio išdėstymas
- Pritaikomas portalo atvaizdavimas

## Išsami informacija

**GitHub žvaigždutės**

6.5K

**npm atsisiuntimai**

605.0K/sav.

**Naujausia versija**

1.1.1

**Sukurta**

Jul 16, 2023

**Atnaujinta**

Dec 6, 2024

**Licencija**

MIT License

Jūsų reklama čia?

[Parašykite mums el. paštu](mailto:hi@dennn.is?subject=Reklama%20svetain%C4%97je%20KickstartUI)

[Reklama Įskiepių rinkinys, paruoštas agentams, skirtas WordPress.](https://sleekwp.com/?ref=kickstartui)

## Susiję elementai

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

Nepriklausomi nuo išvaizdos React komponentai be iš anksto nustatytų stilių. Kurkite prieinamas, lengvai pritaikomas sąsajas ir visiškai valdykite jų stilius.

**GitHub žvaigždutės**

5.2K

**Atnaujinta**

Aug 17, 2025

**Licencija**

MIT License

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

Platus atvirojo kodo UI komponentų rinkinys, pritaikytas sklandžiai ir efektyviai kurti Vue.js programas.

**GitHub žvaigždutės**

11.0K

**Atnaujinta**

Dec 6, 2024

**Licencija**

MIT License

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

Nestilizuoti, prieinami atvirojo kodo React primityvai kokybiškoms žiniatinklio programoms ir dizaino sistemoms.

**GitHub žvaigždutės**

16.0K

**Atnaujinta**

Dec 6, 2024

**Licencija**

MIT License

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

Šis atvirojo kodo UI sprendimas leidžia kurti pažangias dizaino sistemas iš pritaikomų komponentų, kuriuos galima priderinti prie įvairių vizualinių stilių ir prieinamumo standartų.

**GitHub žvaigždutės**

3.9K

**Atnaujinta**

Dec 6, 2024

**Licencija**

MIT License

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

Greitai ir efektyviai kurkite prieinamas žiniatinklio programas naudodami patikimą būtiniausių komponentų rinkinį, kurį lengva naudoti ir lengva pritaikyti.

**GitHub žvaigždutės**

38.1K

**Atnaujinta**

Dec 6, 2024

**Licencija**

MIT License

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

Šis komponentas – visapusiškas komandų meniu sprendimas React programoms, kuriame daug dėmesio skiriama ir naudotojo patirčiai, ir kūrėjų lankstumui.

**GitHub žvaigždutės**

10.0K

**Atnaujinta**

Dec 6, 2024

**Licencija**

MIT License

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

Projektas, padedantis lengvai kurti dokumentacijos svetaines, daugiausia dėmesio skiriant turiniui ir patogumui.

**GitHub žvaigždutės**

57.0K

**Atnaujinta**

Dec 6, 2024

**Licencija**

MIT License

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

Universalus, gražiai sukurtų komponentų rinkinys, padėsiantis patobulinti žiniatinklio projektus ir supaprastinti dizaino procesą.