Přejít k obsahu

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í

Související položky

BaseUI

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

PrimeVue

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

Radix Primitives

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

ArkUI

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.

ChakraUI

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.

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.

Docusaurus

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

MagicUI

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