19 Reageerige igasuguseid vahelehti ajajoonte ja muu jaoks

Reageeri vahelehed

Juba sel ajal jagame nende veebiosade jaoks rida ajajooni millesse tahame jäädvustada rea ​​sündmusi. Nüüd nad on 19 vahelehte sama eesmärgigaKuigi rakenduses React, et saaksite leida täiusliku, mis määratleb ajaskaalal olevad sündmused või teie ettevõtte ajaloo seotud tekstiga.

Selles 19 vahekaardi React kollektsioonis on nii horisontaalselt kui vertikaalselt ja nad on kõik täiesti tasuta. Nii et saate neid oma äranägemise järgi. Rida vahelehti, mis hõlmavad igasuguseid vajadusi, et järgida selle aasta 2018. aasta veebidisaini praegust standardit. Teeme seda 19 vahekaardiga React, mis ei jäta kedagi ükskõikseks.

Reageerige pisikeste vahelehtedega

Pisikesed vahelehed

Vahekaardikomponent Reactable with põhivalikud kohandamiseks teema. Näidislehelt näete erinevat kompositsiooniprotsessi, mille tulemuseks on veidi omapärase kujundusega põhikaart.

Siin Github.

Reageeri super vahelehtedele

Tabs

Koodikastist saate seda teha pääsete selle vahekaardi demo juurde Reacti jaoks mida eristab see, et seda saab uuesti kasutada. Nagu näites näete, on need põhivahekaardid teabega, mida me oma veebisaidil pakkuda tahame. Teil on demos kogu asjakohane teave.

Siin Github.

Reageeri veebikaartidele

Reageeri veebikaartidele

Selle React vahekaardiga saame valida horisontaalne paigutus või teine ​​vertikaalselt. Seda eristab see, et see on modulaarne ja juurdepääsetav mõne vahekaardi jaoks, mida näete nende vastavatest näidetest, et kasutada neid vastavalt oma veebisaidile sobivale.

Siin Github.

Reageerivad reageerivad vahelehed

Reageeri reageerivalt

Reactoni reageerivad vahelehed, mida eristatakse olemise järgi mobiilile. Näidislehelt leiate erinevaid valikuid, et vaadata kõiki kohandusi, mida need vahekaardid pakuvad Reactile.

Ei puudu teie Github.

Reageerige juurdepääsetavatele vahelehtedele

Reageerige juurdepääsetavatele vahelehtedele

Komponent React'i vahelehtedele juurdepääsetav. Kolmes jaotises, mis on toodud näites, kogu oma olemuselt väga lihtne, et saaksite aimu nendest React'i vahelehtedest.

Su Github.

Vahekaartide materjal

Vahekaartide materjal

Siin ei ole meil reale kohapeal reageerimise vahekaardi vaatamiseks demolehte, kuid võite minna githubi veebisaidile, et kogu kood oleks teie käes. See on pakett React, mis pakub komponenti vahekaartide Materjalidisain, disainikeel Google'ilt, kes on olnud meiega paar aastat. Siit pääsete juurde avaldatud tööriistadele Google'i poolt materjalidisaini kasutamiseks.

Vahekaartide reageerimine navigeerimine

Vahekaartide reageerimine navigeerimine

Vahekaartide Reageerimine navigeerimine on React kvaliteedi komponent, mis võimaldab teil võimaldab vahelehtede sirvimist oma veebirakenduses. Samalt lingilt näidislehele pääsete juurde oma Githubile, et olla ülejäänud koodi tunnistajaks.

Reageerige vaheleht

Reageeri vahekaart

Vahekaart Reageeri mobiilside toega ja seda saab muuta. On Vahekaardipõhine API React JavaScripti jaoks. Teil on võimalus valida näitelehelt kolme teema vahel ja minna sellel asuvast nupust "Dokument" Githubi. See asub samal näidislehel, kus kuvatakse kõik kohandamised, mida saab teha.

Reageeri Aria Tabpanel

Reageeri aaria

Võimaldab teil vahekaartidega suhelda klaviatuuri nooleklahvid väga paindliku React komponendi jaoks, mis võimaldab suurepärast kohandamist. Selle demolehelt on teil erinevaid näiteid.

Reageerige Tabbordion

Reageerige Tabbordion

Teine Reacti komponent, millel on igasugused kohandamisvalikud nagu aadress hoidlasse. Universaalne ja semantiline võimaldab teil oma veebisaidi jaoks luua akordione ja vahelehti. Kogu selle rakendamiseks vajalik teave ei puuduta üksikasju.

Kiiremini reageerivad vahelehed

Kiiremini reageerivad vahelehed

Reacti vahelehe komponent, mis kasutab seda paindlikkus ja selle agnostiline kontekst. Ideaalne hõlpsasti juurdepääsetavate vahelehtede renderdamiseks. Kogu teave ja ka link Githubi hoidlasse on saadaval antud näidislehel.

Reageerige pühkimisvaadetega

Reageerige pühkimiskaartidega

Reactoni komponent manustatud vahekaartide ja vaadete jaoks, mis võivad olla žestide abil visualiseerida. Ideaalne saidile, mis on pühendatud mobiilseadmetele. Näidislehel on näiteid erinevate valikute kohta, nii et te ei jätaks selle React'i komponendi üksikasju tähelepanuta.

Tabs

Tabs

Vahekaartide Reageerige komponent, mis selle näidisveebis on erinev selle kohandamiseks antud valikud. Kogu teave on piisavalt korraldatud, et saaksite seda komponenti hõlpsasti rakendada.

Reageeri vahelehed

Reageeri vahelehed

Vahva React JavaScripti vahekaardi komponent kasutusmugavus ja hästi ligipääsetav. Näidislehelt pääseb Githubi hoidlasse. Nad toovad erinevaid näiteid, näiteks ühe, kus on vaheleht, mis on vaikimisi keelatud. Vahelehtedele keskendumiseks saate kasutada tabulaatorit ja nende vahel vahetamiseks kasutada nooleklahve.

M- vahelehed

Reageerimisrakenduse Reageerige omanike vahelehed veeb nagu omakeelne. Antud lehel on mitu näidet selle komponendi käitumise kohta. Parempoolses ülanurgas on link Githubi hoidlale, kui soovite rohkem teada saada või oma veebisaidi jaoks kasutada.

Reageerige kohalike materjalide vahelehed

Reageerige kohalikku materjali

Nagu nimigi ütleb, on suunatud materjalidisainile vahelehtede rakendamiseks. Näidislehte meil pole, kuid meil on selle Githubi hoidla, kust leiate kõik, mida selle integreerimiseks vaja on.

Reageerige vahekaardi Native

Reageerige kohalikku materjali

React Native'i platvormidevaheline vahelehe komponent. See on teostus ainult JavaScripti ja võimaldab žeste kasutada erinevate vahelehtede vahel vahetamiseks. Seda iseloomustab see, et see on väga kohandatav, võimaldades igasuguseid õitsenguid.

Reageerige natiivse sabaravigaatoriga navigaatoriga

Reageerige kohalik riba

Rea sakkide komponent, mis loob a suurepärane brauser pluss riba ripsmete.

Reageerige kohalike vahelehtedega

Reageerige kohalike vahelehtedega

Reageerige vahekaart Native iseseisva platvormina, mis seda suudaks kasutada madalamate ripsmete jaoks samuti sektsioonivaated. Sellega lõpetame React'i vahelehtede sarja. Jätame teile rea vorme CSS-is nii et saate sellel silma peal hoida ja vaadata, kas need on teie veebisaidile kasulikud.


Artikli sisu järgib meie põhimõtteid toimetuse eetika. Veast teatamiseks klõpsake nuppu siin.

Ole esimene kommentaar

Jäta oma kommentaar

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on tähistatud *

*

*

  1. Andmete eest vastutab: Miguel Ángel Gatón
  2. Andmete eesmärk: Rämpsposti kontrollimine, kommentaaride haldamine.
  3. Seadustamine: teie nõusolek
  4. Andmete edastamine: andmeid ei edastata kolmandatele isikutele, välja arvatud juriidilise kohustuse alusel.
  5. Andmete salvestamine: andmebaas, mida haldab Occentus Networks (EL)
  6. Õigused: igal ajal saate oma teavet piirata, taastada ja kustutada.