# Vaul

Neštýlovaná komponenta vysúvacieho panela navrhnutá na bezproblémovú integráciu do aplikácií React, ktorá zlepšuje interakcie používateľov na mobilných zariadeniach.

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

Vaul je neštýlovaná komponenta vysúvacieho panela určená špeciálne pre aplikácie React. Slúži ako náhrada dialógového okna a je optimalizovaná na používanie na tabletoch a mobilných zariadeniach. Komponenta je navrhnutá s dôrazom na flexibilitu, takže vývojári môžu prispôsobiť jej správanie aj vzhľad v aplikáciách.

Jednou z jej hlavných funkcií je možnosť zväčšiť pozadie po otvorení panela, čím sa používateľom poskytne pohlcujúcejší zážitok. Panel možno ovládať programovo, takže vývojári môžu spravovať jeho stav otvorenia pomocou správy stavu v Reacte.

Vaul poskytuje jednoduché API na integráciu a jasne definované komponenty, ako sú Drawer.Root, Drawer.Trigger, Drawer.Content a Drawer.Overlay. Vďaka nim možno komponentu prehľadne začleniť do aplikácií. Knižnica podporuje rôzne funkcie, napríklad body prichytenia na zlepšenie interakcie používateľov, prispôsobiteľný kontajner panela a možnosť vypnúť jeho zatváranie.

Táto komponenta je ideálna pre vývojárov, ktorí chcú implementovať responzívny panel vhodný pre mobilné zariadenia bez obmedzení štýlovaných komponentov, ktoré by mohli byť v konflikte s dizajnovým systémom ich aplikácie.

Podrobné príklady použitia nájdete v interaktívnych ukážkach na CodeSandbox. Predstavujú rôzne funkcie komponenty, napríklad ovládanie posúvania a vlastné body prichytenia.

## Funkcie

- Neštýlovaná komponenta vysúvacieho panela
- Optimalizácia pre mobilné zariadenia a tablety
- Zväčšenie pozadia
- Prispôsobiteľné body prichytenia
- Programové ovládanie stavu otvorenia
- Podpora vnorených panelov
- Flexibilné umiestnenie obsahu
- Vlastný portál na vykresľovanie

## Podrobnosti

**Hviezdičky na GitHub**

6.5K

**Stiahnutia z npm**

605.0K/týždeň

**Najnovšia verzia**

1.1.1

**Vytvorené**

Jul 16, 2023

**Aktualizované**

Dec 6, 2024

**Licencia**

MIT License

Vaša reklama tu?

[Napíšte nám e-mail](mailto:hi@dennn.is?subject=Reklama%20na%20KickstartUI)

[Reklama Súprava doplnkov pripravená pre agentov pre WordPress.](https://sleekwp.com/?ref=kickstartui)

## Súvisiace položky

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

Bezhlavé React komponenty bez predvoleného štýlu na tvorbu prístupných a vysoko prispôsobiteľných rozhraní s úplnou kontrolou nad štýlmi.

**Hviezdičky na GitHub**

5.2K

**Aktualizované**

Aug 17, 2025

**Licencia**

MIT License

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

Bogata zbirka odprtokodnih komponent UI za preprosto in učinkovito izdelavo aplikacij Vue.js.

**Hviezdičky na GitHub**

11.0K

**Aktualizované**

Dec 6, 2024

**Licencia**

MIT License

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

Neštýlované, prístupné open source primitíva React na tvorbu kvalitných webových aplikácií a dizajnových systémov.

**Hviezdičky na GitHub**

16.0K

**Aktualizované**

Dec 6, 2024

**Licencia**

MIT License

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

Toto open-source riešenie UI umožňuje vytvárať prepracované dizajnové systémy pomocou prispôsobiteľných komponentov, ktoré možno upraviť pre rôzne vizuálne štýly a štandardy prístupnosti.

**Hviezdičky na GitHub**

3.9K

**Aktualizované**

Dec 6, 2024

**Licencia**

MIT License

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

Vytvárajte prístupné webové aplikácie rýchlo a efektívne pomocou súpravy základných komponentov, ktoré sa ľahko používajú a dajú sa prispôsobiť.

**Hviezdičky na GitHub**

38.1K

**Aktualizované**

Dec 6, 2024

**Licencia**

MIT License

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

Ta komponenta ponuja celovito rešitev za ukazni meni v Reactu, pri čemer se osredotoča tako na uporabniško izkušnjo kot na prilagodljivost za razvijalce.

**Hviezdičky na GitHub**

10.0K

**Aktualizované**

Dec 6, 2024

**Licencia**

MIT License

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

Projekt, ktorý uľahčuje tvorbu dokumentačných webových stránok so zameraním na obsah a používateľskú prívetivosť.

**Hviezdičky na GitHub**

57.0K

**Aktualizované**

Dec 6, 2024

**Licencia**

MIT License

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

Všestranná kolekcia krásne navrhnutých komponentov, ktoré vylepšia vaše webové projekty a zefektívnia váš proces navrhovania.