Pereiti prie turinio

Vaul

Nesukurto stiliaus išstumiamos plokštės komponentas, lengvai integruojamas į React programas ir pagerinantis sąveiką su naudotojais mobiliuosiuose įrenginiuose.

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

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

GitHub žvaigždutės
5.2K
Atnaujinta
Aug 17, 2025
Licencija
MIT License

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

GitHub žvaigždutės
11.0K
Atnaujinta
Dec 6, 2024
Licencija
MIT License

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

GitHub žvaigždutės
16.0K
Atnaujinta
Dec 6, 2024
Licencija
MIT License

Š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ų.

GitHub žvaigždutės
3.9K
Atnaujinta
Dec 6, 2024
Licencija
MIT License

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

GitHub žvaigždutės
38.1K
Atnaujinta
Dec 6, 2024
Licencija
MIT License

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

GitHub žvaigždutės
10.0K
Atnaujinta
Dec 6, 2024
Licencija
MIT License

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

GitHub žvaigždutės
57.0K
Atnaujinta
Dec 6, 2024
Licencija
MIT License

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

Apie KickstartUI

KickstartUI – jūsų pagrindinė vieta, kurioje rasite geriausias UI sistemas, bibliotekas ir kūrimo įrankius. Kruopščiai atrenkame aukščiausios kokybės išteklius, padedančius kūrėjams įgyvendinti UI idėjas. Nesvarbu, ar kuriate prisitaikančią žiniatinklio programą, kuriate mobiliąją sąsają, ar projektuojate interaktyvų prototipą, mūsų platformoje rasite būtinus įrankius projektams paspartinti ir naudotojų patirčiai pagerinti. Peržiūrėkite didelę mūsų kolekciją, kad neatsiliktumėte nuo naujausių tendencijų, atrastumėte naujų galimybių ir patobulintumėte UI dizainą. Pasiruošę pradėti kitą projektą? Peržiūrėkite mūsų rekomenduojamus išteklius arba ieškokite konkrečių jūsų poreikius atitinkančių įrankių.