Siirry sisältöön

Vaul on tyylittelemätön drawer-komponentti, joka on suunniteltu erityisesti React-sovelluksille. Se toimii dialogin vaihtoehtona ja on optimoitu tableteille ja mobiililaitteille. Komponentti on suunniteltu joustavaksi, joten kehittäjät voivat mukauttaa drawerin toimintaa ja ulkoasua sovelluksissaan.

Yksi sen keskeisistä ominaisuuksista on taustan skaalaaminen drawerin avautuessa, mikä luo käyttäjälle mukaansatempaavamman kokemuksen. Draweria voi ohjata ohjelmallisesti, joten kehittäjät voivat hallita sen avaamista ja sulkemista Reactin tilanhallinnan avulla.

Vaul tarjoaa helppokäyttöisen API:n integrointiin sekä selkeästi määritellyt komponentit, kuten Drawer.Root, Drawer.Trigger, Drawer.Content ja Drawer.Overlay. Ne auttavat pitämään sovellukseen lisättävän rakenteen selkeänä. Kirjasto tukee useita toimintoja, kuten käyttäjäkokemusta parantavia kiinnityspisteitä, drawerin säilön mukauttamista ja asetusta, joka estää sulkemisen.

Komponentti sopii kehittäjille, jotka haluavat lisätä responsiivisen, mobiiliystävällisen drawerin ilman tyyliteltyjen komponenttien rajoitteita tai ristiriitoja sovelluksen suunnittelujärjestelmän kanssa.

Kattavia käyttöesimerkkejä varten käyttäjät voivat tutustua CodeSandboxissa oleviin interaktiivisiin demoihin, jotka esittelevät komponentin eri ominaisuuksia, kuten vierityksen hallintaa ja mukautettuja kiinnityspisteitä.

Ominaisuudet

  • Tyylittelemätön drawer-komponentti
  • Optimoitu mobiililaitteille ja tableteille
  • Taustan skaalaus
  • Mukautettavat kiinnityspisteet
  • Avatun tilan ohjelmallinen hallinta
  • Tukee sisäkkäisiä drawereita
  • Sisällön joustava sijoittelu
  • Mukautettu portaali renderöintiin

Aiheeseen liittyvät kohteet

BaseUI

Päättömiä, tyylittelemättömiä React-komponentteja saavutettavien ja helposti mukautettavien käyttöliittymien rakentamiseen tyylien täydessä hallinnassa.

PrimeVue

Laaja valikoima avoimen lähdekoodin UI-komponentteja, jotka on suunniteltu Vue.js-sovellusten rakentamiseen sujuvasti ja tehokkaasti.

Radix Primitives

Tyylittelemättömiä, saavutettavia ja avoimen lähdekoodin React-peruskomponentteja laadukkaisiin verkkosovelluksiin ja design-järjestelmiin.

ArkUI

Tämä avoimen lähdekoodin UI-ratkaisu mahdollistaa kehittyneiden suunnittelujärjestelmien luomisen mukautettavilla komponenteilla, jotka voidaan sovittaa erilaisiin visuaalisiin tyyleihin ja saavutettavuusstandardeihin.

ChakraUI

Rakenna saavutettavia verkkosovelluksia nopeasti ja tehokkaasti vankalla valikoimalla olennaisia komponentteja, joita on helppo käyttää ja mukauttaa.

cmdk

Tämä komponentti tarjoaa React-sovelluksille kattavan komentovalikkoratkaisun, jossa painotetaan sekä käyttökokemusta että kehittäjien joustavuutta.

Docusaurus

Projekti, joka auttaa luomaan dokumentaatiosivustoja vaivattomasti ja keskittyy sisältöön ja käytettävyyteen.

MagicUI

Monipuolinen kokoelma kauniisti suunniteltuja komponentteja, jotka parantavat verkkoprojekteja ja sujuvoittavat suunnittelutyötä.