Preskočiť na obsah

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.

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

Súvisiace položky

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

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

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

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

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

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

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

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

O KickstartUI

KickstartUI je tým pravým miestom, kde objavíte najlepšie frameworky, knižnice a nástroje na zostavovanie UI. Starostlivo vyberáme špičkové zdroje, ktoré pomáhajú vývojárom premieňať ich nápady UI na skutočnosť. Či už vytvárate responzívnu webovú aplikáciu, navrhujete mobilné rozhranie alebo interaktívny prototyp, naša platforma ponúka potrebné nástroje na urýchlenie projektov a zlepšenie používateľských skúseností. Preskúmajte našu rozsiahlu kolekciu, sledujte najnovšie trendy, objavujte nové možnosti a pozdvihnite svoje návrhy UI. Chcete naštartovať svoj ďalší projekt? Pozrite si naše vybrané zdroje alebo vyhľadajte nástroje prispôsobené vašim potrebám.