Pereiti prie turinio

Vaul yra specialiai React programoms sukurtas, iš anksto nesustilizuotas išstumiamos plokštės komponentas. Jis skirtas naudoti vietoj dialogo lango ir yra optimizuotas planšetiniams bei mobiliesiems įrenginiams. Komponentas sukurtas lanksčiai pritaikyti jo veikimą ir išvaizdą programoje.

Viena iš pagrindinių jo funkcijų – atidarius plokštę pakeisti fono mastelį ir taip sukurti įtraukesnę patirtį. Plokštę galima valdyti programiškai, naudojant React būsenos valdymą jos atidarymo būsenai keisti.

Vaul turi paprastą integravimo API ir aiškiai apibrėžtus komponentus, tokius kaip Drawer.Root, Drawer.Trigger, Drawer.Content ir Drawer.Overlay, todėl programoje ją galima įdiegti tvarkingai. Biblioteka palaiko įvairias funkcijas, įskaitant fiksavimo taškus, kurie pagerina naudotojo sąveiką, pritaikomą plokštės konteinerį ir galimybę neleisti jos uždaryti.

Šis komponentas tinka kūrėjams, norintiems įdiegti prisitaikančią, mobiliesiems įrenginiams pritaikytą išstumiamos plokštės funkciją be stiliaus komponentų apribojimų, galinčių nederėti su programos dizaino sistema.

Išsamių naudojimo pavyzdžių rasite interaktyviose CodeSandbox demonstracijose, kuriose pristatomos įvairios komponento funkcijos, pavyzdžiui, slinkimo valdikliai ir pritaikomi fiksavimo taškai.

Funkcijos

  • Iš anksto nesustilizuotas išstumiamos plokštės komponentas
  • Optimizuota mobiliesiems telefonams ir planšetiniams kompiuteriams
  • Fono mastelio keitimas
  • Pritaikomi fiksavimo taškai
  • Programinis atidarymo būsenos valdymas
  • Palaikomos įdėtinės išstumiamos plokštės
  • Lankstus turinio išdėstymas
  • Pritaikomas portalo atvaizdavimas

Susiję elementai

BaseUI

Nepriklausomi nuo išvaizdos React komponentai be iš anksto nustatytų stilių. Kurkite prieinamas, lengvai pritaikomas sąsajas ir visiškai valdykite jų stilius.

PrimeVue

Platus atvirojo kodo UI komponentų rinkinys, pritaikytas sklandžiai ir efektyviai kurti Vue.js programas.

Radix Primitives

Nestilizuoti, prieinami atvirojo kodo React primityvai kokybiškoms žiniatinklio programoms ir dizaino sistemoms.

ArkUI

Šis atvirojo kodo UI sprendimas leidžia kurti pažangias dizaino sistemas iš pritaikomų komponentų, kuriuos galima priderinti prie įvairių vizualinių stilių ir prieinamumo standartų.

ChakraUI

Greitai ir efektyviai kurkite prieinamas žiniatinklio programas naudodami patikimą būtiniausių komponentų rinkinį, kurį lengva naudoti ir lengva pritaikyti.

cmdk

Šis komponentas – visapusiškas komandų meniu sprendimas React programoms, kuriame daug dėmesio skiriama ir naudotojo patirčiai, ir kūrėjų lankstumui.

Docusaurus

Projektas, padedantis lengvai kurti dokumentacijos svetaines, daugiausia dėmesio skiriant turiniui ir patogumui.

MagicUI

Universalus, gražiai sukurtų komponentų rinkinys, padėsiantis patobulinti žiniatinklio projektus ir supaprastinti dizaino procesą.