Jau tuo metu mes dalijamės tų internetinių dalių laiko juostų serija kuriame norime įrašyti įvykių seriją. Dabar jie yra 19 skirtukų su tuo pačiu tikslu, nors ir „React“, kad galėtumėte rasti geriausią, apibrėžiantį įvykius laiko juostoje arba jūsų įmonės istoriją su susijusiu tekstu.
Šiame 19 „React“ skirtukų rinkinyje yra tiek horizontaliai, tiek vertikaliai ir jie visi yra visiškai nemokami. Taigi jūs galite juos turėti kaip norite. Skirtukų, apimančių įvairiausius poreikius, serija turi atitikti dabartinį 2018 m. Šių metų interneto dizaino standartą. Padarykime tai su 19 „React“ skirtukų, kurie nepaliks abejingų.
Reaguokite į mažus skirtukus
Skirtuko komponentas, skirtas Reaguoti su pagrindinės parinktys, kurias galima pritaikyti tema. Iš pavyzdinio puslapio galite pamatyti skirtingą kompozicijos procesą, kurio rezultatas yra pagrindinis ir šiek tiek savito dizaino skirtukas.
Čia GitHub.
Reaguokite iš naujo į skirtukus
Iš codeandbox galite prieiti prie šio skirtuko „React“ demonstracinės versijos kad išsiskiria tuo, kad gali būti vėl naudojamas. Kaip matote pavyzdyje, tai yra pagrindiniai skirtukai su informacija, kurią norime pateikti savo svetainėje. Demonstracijoje turite visą svarbią informaciją.
Čia GitHub.
Reaguokite į žiniatinklio skirtukus
Su šiuo „React“ skirtuku galime pasirinkti horizontalų išdėstymą ar kita į vertikalę. Jis skiriasi tuo, kad yra modulinis ir prieinamas kai kuriems skirtukams, kuriuos galite pamatyti atitinkamuose pavyzdžiuose, kad galėtumėte naudoti juos taip, kaip jums tinka jūsų svetainėje.
Čia GitHub.
Reaguokite į reaguojančius skirtukus
Reaguojantys „React“ skirtukai, išsiskiriantys būtimi mobiliesiems. Pavyzdiniame puslapyje galite rasti skirtingų parinkčių, kad galėtumėte peržiūrėti kiekvieną tinkinimą, kurį šiuose skirtukuose teikia „React“.
Netrūksta jūsų GitHub.
Reaguokite pasiekiamus skirtukus
Komponentas prieinama skirtukams „React“. Labai paprasta visomis savo trimis sekcijomis, kurios parodytos pateiktame pavyzdyje, kad galėtumėte sužinoti apie šiuos „React“ skirtukus.
Su GitHub.
Skirtukų medžiaga
Čia mes neturime demonstracinio puslapio, kuriame būtų rodomas šis „React in situ“ skirtukas, tačiau galite eiti į „github“ svetainę, kad visas kodas būtų jūsų rankose. Tai yra „React“ paketas, siūlantis komponentą skirtukus „Material Design“, dizaino kalbą iš „Google“, kuris jau kelerius metus yra su mumis. Čia galite pasiekti paskelbtus įrankius „Google“ naudojo „Material Design“.
Reaguoti skirtukų naršymą
„React“ skirtukų naršymas yra „React“ kokybės komponentas, leidžiantis jums leidžia naršyti po skirtukus žiniatinklio programoje. Iš tos pačios nuorodos į pavyzdinį puslapį galite patekti į „Github“, kad pamatytumėte likusį kodą.
Reaguoti skirtuką
Skirtukas „Reaguoti su mobiliuoju palaikymu“, kurį galima redaguoti. Yra Skirtukais pagrįsta „React JavaScript“ API. Galite pasirinkti vieną iš trijų temų iš pavyzdžio puslapio ir pereiti į „Github“ iš jo mygtuko „Dokumentas“. Tai tame pačiame pavyzdiniame puslapyje, kur rodomi visi pritaikymai, kuriuos galima atlikti.
Reakcija Aria Tabpanel
Leidžia sąveikauti su skirtukais su klaviatūros rodyklių klavišus labai lanksčiam „React“ komponentui, kuris leidžia puikiai pritaikyti. Iš demonstracinio puslapio turite įvairių pavyzdžių.
Reaguokite „Tabbordion“
Kitas „React“ komponentas, turintis įvairiausių pritaikymo parinkčių kaip adresas kapinynui. Universalus ir semantinis leidžia jums sukurti akordeonus ir skirtukus savo svetainei. Netrūksta išsamios informacijos, reikalingos jai įgyvendinti.
Greičiau reaguoti skirtukai
„React“ skirtuko komponentas, kuris naudoja jį lankstumas ir jo agnostinis kontekstas. Puikiai tinka norint lengvai pasiekti skirtukus. Visą informaciją, taip pat nuorodą į „Github“ saugyklą galima rasti pateiktame pavyzdiniame puslapyje.
Reaguokite perbraukdami peržiūras
„React“ komponentas įdėtiems skirtukams ir rodiniams, kurie gali būti vizualizuoti per gestus. Puikiai tinka svetainėms, skirtoms mobiliesiems. Pavyzdžio puslapyje turite įvairių parinkčių pavyzdžių, kad nepraleistumėte išsamios informacijos apie šį „React“ komponentą.
Skirtukai
„React“ skirtukų komponentas, kurį galite rasti skirtingose savo pavyzdžių svetainėse pateiktos jo pritaikymo parinktys. Visa informacija yra pakankamai sutvarkyta, kad galėtumėte lengvai įdiegti šį komponentą.
Reaguoti skirtukus
Puikus „React JavaScript“ skirtuko komponentas patogus naudoti ir gerai prieinamas. Iš pavyzdinio puslapio galite pasiekti „Github“ saugyklą. Jie pateikia įvairių pavyzdžių, tokių kaip vienas, kuriame yra skirtukas, kuris pagal numatytuosius nustatymus yra išjungtas. Galite naudoti skirtuką, kad sutelktumėte dėmesį į skirtukus, ir naudokite rodyklių klavišus, jei norite perjungti juos.
M- skirtukai
Gimtieji skirtukai, skirti „Reaguoti tiek“ žiniatinklis, kaip ir gimtoji. Pateiktame puslapyje turite keletą pavyzdžių, kad pamatytumėte, kaip veikia šis komponentas. Viršutiniame dešiniajame kampe turite nuorodą į „Github“ saugyklą, jei norite sužinoti daugiau arba pasiimti ją savo svetainei.
Reaguokite į vietinės medžiagos skirtukus
Kaip rodo jo pavadinimas, taip yra nukreiptas į medžiagų dizainą skirtukų įgyvendinimui. Mes neturime puslapio pavyzdžio, bet turime „Github“ saugyklą, kurioje rasite viską, ko reikia jo integravimui.
Reaguoti savojo skirtuko rodinyje
„React Native“ skirtuko platformos skirtuko komponentas. Tai įgyvendinimas tik „JavaScript“ ir leidžia naudoti gestus norėdami perjungti skirtingus skirtukus. Jis pasižymi tuo, kad yra labai pritaikomas, o tai leidžia įvairiausiems klestėjimams.
Reaguokite į gimtąjį tabbar navigatorių
„React“ skirtukų komponentas, sukuriantis a puiki naršyklė ir juosta blakstienų.
Reaguoti vietinius skirtukus
Reaguokite į „Native“ skirtuką kaip į atskirą platformą, kuri galėtų naudoti apatinėms blakstienoms taip pat pjūvio vaizdai. Tuo mes baigiame React skirtukų seriją. Mes paliekame jums keletą formų CSS kad galėtumėte tai stebėti, ar jie naudingi jūsų svetainei.