# Vaul

Nenastylovaná komponenta výsuvného panelu pro snadnou integraci do aplikací React, která zlepšuje interakce s uživateli na mobilních zařízeních.

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

Vaul je nenastylovaná komponenta výsuvného panelu navržená speciálně pro aplikace React. Slouží jako náhrada dialogového okna a je optimalizovaná pro tablety a mobilní zařízení. Komponenta je navržena s ohledem na flexibilitu, takže vývojáři mohou přizpůsobit její chování i vzhled ve svých aplikacích.

Jednou z jejích klíčových funkcí je možnost při otevření panelu zvětšit pozadí, což uživatelům přináší působivější zážitek. Panel lze ovládat programově, takže vývojáři mohou jeho otevřený stav spravovat pomocí správy stavu v Reactu.

Vaul nabízí přehledné API pro integraci s jasně definovanými komponentami, jako jsou Drawer.Root, Drawer.Trigger, Drawer.Content a Drawer.Overlay, které pomáhají udržet přehlednou strukturu při jejich začleňování do aplikací. Knihovna podporuje různé funkce, například zarážky pro lepší interakci s uživatelem, přizpůsobení kontejneru panelu a možnost zakázat jeho zavření.

Tato komponenta je ideální pro vývojáře, kteří chtějí implementovat responzivní panel přizpůsobený mobilním zařízením bez omezení, která mohou přinášet nastylované komponenty a která by mohla kolidovat s návrhovým systémem jejich aplikace.

Podrobné příklady použití najdete v sadě interaktivních ukázek na CodeSandbox, které představují různé funkce komponenty, například ovládání posouvání a vlastní zarážky.

## Funkce

- Nenastylovaná komponenta výsuvného panelu
- Optimalizace pro mobily a tablety
- Zvětšení pozadí
- Přizpůsobitelné zarážky
- Programové ovládání otevřeného stavu
- Podpora vnořených výsuvných panelů
- Flexibilní umístění obsahu
- Vlastní portal pro vykreslování

## Podrobnosti

**Hvězdičky na GitHubu**

6.5K

**Stažení z NPM**

605.0K/týden

**Nejnovější verze**

1.1.1

**Vytvořeno**

Jul 16, 2023

**Aktualizováno**

Dec 6, 2024

**Licence**

MIT License

Vaše reklama zde?

[Napište nám](mailto:hi@dennn.is?subject=Inzerce%20na%20KickstartUI)

[Reklama Sada pluginů připravená pro agenty pro WordPress.](https://sleekwp.com/?ref=kickstartui)

## Související položky

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

Bezhlavé React komponenty bez stylů pro tvorbu přístupných a vysoce přizpůsobitelných rozhraní s plnou kontrolou nad styly.

**Hvězdičky na GitHubu**

5.2K

**Aktualizováno**

Aug 17, 2025

**Licence**

MIT License

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

Široká nabídka open source UI komponent pro snadné a efektivní vytváření aplikací ve Vue.js.

**Hvězdičky na GitHubu**

11.0K

**Aktualizováno**

Dec 6, 2024

**Licence**

MIT License

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

Nestylované, přístupné a open source základní komponenty Reactu pro kvalitní webové aplikace a designové systémy.

**Hvězdičky na GitHubu**

16.0K

**Aktualizováno**

Dec 6, 2024

**Licence**

MIT License

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

Toto open source řešení UI umožňuje vytvářet propracované systémy designu pomocí přizpůsobitelných komponent, které lze upravit tak, aby odpovídaly různým vizuálním stylům a standardům přístupnosti.

**Hvězdičky na GitHubu**

3.9K

**Aktualizováno**

Dec 6, 2024

**Licence**

MIT License

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

Vytvářejte přístupné webové aplikace rychle a efektivně pomocí robustní sady základních komponent, které se snadno používají a lze je výrazně přizpůsobit.

**Hvězdičky na GitHubu**

38.1K

**Aktualizováno**

Dec 6, 2024

**Licence**

MIT License

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

Tato komponenta nabízí komplexní řešení příkazové nabídky pro React se zaměřením na uživatelský zážitek i flexibilitu pro vývojáře.

**Hvězdičky na GitHubu**

10.0K

**Aktualizováno**

Dec 6, 2024

**Licence**

MIT License

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

Projekt, který usnadňuje tvorbu dokumentačních webů a klade důraz na obsah a použitelnost.

**Hvězdičky na GitHubu**

57.0K

**Aktualizováno**

Dec 6, 2024

**Licence**

MIT License

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

Všestranná kolekce krásně navržených komponent, které vylepší vaše webové projekty a zefektivní proces návrhu.