Siirry sisältöön

Kirjasto sisältää päättömiä, tyylittelemättömiä React-komponentteja, joiden avulla voit hallita merkintöjä ja CSS:ää täysin. Niissä on kattavat saavutettavuusasetukset ja ARIA-vaatimusten mukainen toiminta.

Komponentit on suunniteltu yhdisteltäviksi perusosiksi, ja niissä on paikkapohjainen API. Ne voidaan karsia käyttämättömistä osista, tukevat TypeScriptiä ja toimivat kaikilla tyylittelytavoilla, kuten Tailwindilla, CSS Modulesilla, CSS-in-JS:llä tai pelkällä CSS:llä.

Kirjasto kattaa monia käyttöliittymämalleja ja perusosia, kuten haitarit, hälytysvalintaikkunat, avatarit, valintaruudut ja valintaruuturyhmät, kokoon taitettavat osiot, kontekstivalikot, valintaikkunat, kentät ja kenttäryhmät, lomakkeet, syötekentät, valikot ja valikkopalkit, mittarit, navigointivalikot, numerokentät, ponnahdusikkunat, edistymispalkit, radiopainikkeet, vieritysalueet, valintalistat, erottimet, liukusäätimet, kytkimet, välilehdet, ilmoitukset, valitsimet ja valitsinryhmät, työkalupalkit sekä työkaluvihjeet. Lisäksi mukana on apuohjelmia, kuten Direction Provider ja useRender.

Ponnahduskomponentit käyttävät React Portals -toimintoa. Dokumentaatio suosittelee eristetyn pinoamiskontekstin luomista z-index-ristiriitojen välttämiseksi, jotta peittokäyttöliittymät näkyvät aina sivun sisällön päällä. Dokumentaatio sisältää esimerkkejä komponenttien kokoamisesta ja osien yhdistämisestä sekä eri tyylittelyjärjestelmiin integroinnista.

Avoimen lähdekoodin kirjasto julkaistaan MIT-lisenssillä. Sillä on aktiivinen julkaisutahti, tiekartta ja saavutettavuuteen keskittyvää ohjeistusta. Dokumentaatiosivuja voi tarkastella Markdown-muodossa, ja ne sisältävät LLM-apuresursseja, jotka helpottavat koodiin tutustumista ja integrointia.

Ominaisuudet

  • Päättömiä, tyylittelemättömiä React-komponentteja
  • Saavutettavia oletusarvoisesti, ARIA-vaatimusten mukainen toiminta
  • Yhdisteltävä, paikkapohjainen API
  • Käyttämättömistä osista karsittavat ESM-koosteet
  • TypeScript-tyypitykset
  • Toimii Tailwindin, CSS Modulesin, CSS-in-JS:n ja pelkän CSS:n kanssa
  • React Portals ponnahdusikkunoihin ja peittokäyttöliittymiin
  • Ohjeita pinoamiskontekstin eristämiseen z-index-ongelmien välttämiseksi
  • Hallitut ja hallitsemattomat käyttötavat
  • Laaja valikoima komponentteja (valikot, valintaikkunat, ponnahdusikkunat, välilehdet, valintalistat, liukusäätimet jne.)
  • SSR-yhteensopiva ja kehysriippumaton
  • Avoimen lähdekoodin MIT-lisenssi
  • Markdown-muotoinen dokumentaatio ja LLM-apuvälineet

Aiheeseen liittyvät kohteet

ArkUI

Tämän avoimen lähdekoodin käyttöliittymäratkaisun avulla voit luoda hienostuneita suunnittelujärjestelmiä mukautettavilla komponenteilla, jotka sopivat erilaisiin visuaalisiin tyyleihin ja saavutettavuusstandardeihin.

MaterialUI

Tämä tuote tarjoaa monipuoliset työkalut käyttöliittymien rakentamiseen Reactilla painottaen joustavuutta ja suunnittelustandardien noudattamista.

Radix Vue

Epävirallinen Vue-porttaus, joka tarjoaa mukautettavia ja saavutettavia käyttöliittymäkomponentteja suunnittelujärjestelmien rakentamiseen.

PrimeVue

Laaja valikoima avoimen lähdekoodin käyttöliittymäkomponentteja Vue.js-sovellusten sujuvaan ja tehokkaaseen rakentamiseen.

Radix Primitives

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

Vaul

Tyylittelemätön drawer-komponentti, joka integroituu saumattomasti React-sovelluksiin ja parantaa mobiililaitteiden käyttökokemusta.

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.