# Vaul

Komponent wysuwanego panelu bez stylów, stworzony z myślą o płynnej integracji z aplikacjami React i lepszej obsłudze urządzeń mobilnych.

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

Vaul to komponent wysuwanego panelu bez stylów, zaprojektowany specjalnie z myślą o aplikacjach React. Stanowi alternatywę dla okna dialogowego i jest zoptymalizowany pod kątem tabletów oraz urządzeń mobilnych. Został zaprojektowany z myślą o elastyczności, dzięki czemu programiści mogą dostosować jego działanie i wygląd do swoich aplikacji.

Jedną z jego kluczowych funkcji jest możliwość skalowania tła po otwarciu panelu, co zapewnia użytkownikom bardziej angażujące wrażenia. Panel można kontrolować programowo, zarządzając jego stanem otwarcia za pomocą mechanizmów zarządzania stanem w React.

Vaul udostępnia prosty interfejs API ułatwiający integrację oraz jasno określone komponenty, takie jak Drawer.Root, Drawer.Trigger, Drawer.Content i Drawer.Overlay, które pomagają zachować uporządkowaną strukturę w aplikacji. Biblioteka obsługuje różne funkcje, w tym punkty przyciągania ułatwiające interakcję, możliwość dostosowania kontenera panelu oraz opcję wyłączenia możliwości jego zamykania.

Komponent sprawdzi się u programistów, którzy chcą dodać responsywny panel przyjazny urządzeniom mobilnym bez ograniczeń wynikających ze stylowanych komponentów, które mogłyby kolidować z systemem projektowym aplikacji.

Szczegółowe przykłady użycia można znaleźć w interaktywnych demonstracjach dostępnych w CodeSandbox. Pokazują one różne funkcje komponentu, takie jak kontrola przewijania i niestandardowe punkty przyciągania.

## Funkcje

- Komponent wysuwanego panelu bez stylów
- Optymalizacja pod kątem urządzeń mobilnych i tabletów
- Skalowanie tła
- Niestandardowe punkty przyciągania
- Programowe sterowanie stanem otwarcia
- Obsługa zagnieżdżonych paneli
- Elastyczne pozycjonowanie zawartości
- Niestandardowy portal do renderowania

## Szczegóły

**Gwiazdy GitHub**

6.5K

**Pobrania npm**

605.0K/tydzień

**Najnowsza wersja**

1.1.1

**Utworzono**

Jul 16, 2023

**Zaktualizowano**

Dec 6, 2024

**Licencja**

MIT License

Twoja reklama tutaj?

[Napisz do nas](mailto:hi@dennn.is?subject=Reklama%20w%20KickstartUI)

[Reklama Pakiet wtyczek gotowy do pracy z agentami dla WordPress.](https://sleekwp.com/?ref=kickstartui)

## Powiązane pozycje

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

Bezstylowe komponenty React bez gotowej struktury, do tworzenia dostępnych i łatwych do dostosowania interfejsów z pełną kontrolą nad stylami.

**Gwiazdy GitHub**

5.2K

**Zaktualizowano**

Aug 17, 2025

**Licencja**

MIT License

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

Bogaty zestaw komponentów UI open source, stworzonych z myślą o płynnym i wydajnym tworzeniu aplikacji Vue.js.

**Gwiazdy GitHub**

11.0K

**Zaktualizowano**

Dec 6, 2024

**Licencja**

MIT License

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

Nieostylowane, dostępne prymitywy React open source do tworzenia wysokiej jakości aplikacji internetowych i systemów projektowych.

**Gwiazdy GitHub**

16.0K

**Zaktualizowano**

Dec 6, 2024

**Licencja**

MIT License

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

To otwarte rozwiązanie UI umożliwia tworzenie zaawansowanych systemów projektowych z użyciem konfigurowalnych komponentów, które można dostosować do różnych stylów wizualnych i standardów dostępności.

**Gwiazdy GitHub**

3.9K

**Zaktualizowano**

Dec 6, 2024

**Licencja**

MIT License

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

Szybko i sprawnie twórz dostępne aplikacje internetowe dzięki zestawowi podstawowych komponentów, które są łatwe w użyciu i można je łatwo dostosować.

**Gwiazdy GitHub**

38.1K

**Zaktualizowano**

Dec 6, 2024

**Licencja**

MIT License

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

Ten komponent to kompleksowe rozwiązanie w postaci menu poleceń dla React, zaprojektowane z myślą zarówno o wygodzie użytkowników, jak i elastyczności dla programistów.

**Gwiazdy GitHub**

10.0K

**Zaktualizowano**

Dec 6, 2024

**Licencja**

MIT License

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

Projekt ułatwiający tworzenie stron z dokumentacją, z naciskiem na treść i użyteczność.

**Gwiazdy GitHub**

57.0K

**Zaktualizowano**

Dec 6, 2024

**Licencja**

MIT License

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

Wszechstronny zestaw pięknie zaprojektowanych komponentów, które wzbogacą Twoje projekty internetowe i usprawnią proces projektowania.