19 Irreaġixxi tabs ta 'kull tip għal skedi ta' żmien u aktar

Irreaġixxi tabs

Diġà dak iż-żmien naqsmu serje ta 'skedi ta' żmien għal dawk il-partijiet tal-web li fih irridu nirreġistraw sensiela ta 'avvenimenti. Issa huma 19-il tabs bl-istess għanGħalkemm f'Reattiva sabiex tkun tista 'ssib dik perfetta li tiddefinixxi avvenimenti f'kronoloġija jew l-istorja tal-kumpanija tiegħek bit-test relatat.

F'din il-kollezzjoni ta '19-il tab React hemm kemm orizzontali kif ukoll vertikali u huma kollha totalment ħielsa. Allura jista 'jkollokhom kif jogħġbok. Serje ta 'tabs li jkopru kull tip ta' bżonnijiet biex isegwu l-istandard attwali tad-disinn tal-web f'din is-sena 2018. Ejja nagħmluha b'19 tabs React li ma jħallu lil ħadd indifferenti.

Irreaġixxi Tabs żgħar

Tabs żgħar

Komponent tab għal React with għażliet bażiċi biex tippersonalizza is-suġġett. Mill-paġna ta 'eżempju tista' tara l-proċess ta 'kompożizzjoni differenti li jirriżulta f'tab bażiku b'disinn kemmxejn partikolari.

Hawnhekk GitHub.

Irreaġixxi fuq super tabs

Tabs

Minn codesandbox tista ' aċċess għad-demo ta 'din it-tab għal React li tingħaraf billi tista 'terġa' tintuża. Kif tistgħu taraw fl-eżempju, huma tabs bażiċi bl-informazzjoni li rridu nipprovdu fuq il-websajt tagħna. Għandek l-informazzjoni rilevanti kollha fid-demo.

Hawnhekk GitHub.

Irreaġixxi tabs tal-web

Irreaġixxi tabs tal-web

B'din it-tab għal React nistgħu agħżel tqassim orizzontali jew ieħor għall-vertikali. Huwa distint billi huwa modulari u aċċessibbli għal xi tabs li tista 'tara fl-eżempji rispettivi tagħhom sabiex tużahom kif jaqbel lilek fuq il-websajt tiegħek.

Hawnhekk GitHub.

Irreaġixxi Tabs Responsive

Irreaġixxi b’reazzjoni

Tabs responsivi għal React li huma distinti billi huma għall-mowbajl. Fuq il-paġna ta 'eżempju tista' ssib għażliet differenti biex tara kull waħda mill-adattamenti li dawn it-tabs jipprovdu għal React.

Mhux nieqes tiegħek GitHub.

Irreaġixxi tabs aċċessibbli

Irreaġixxi tabs aċċessibbli

Komponent aċċessibbli għal tabs għal React. Sempliċi ħafna fl-essenza kollha tagħha għal tliet taqsimiet li huma murija fl-eżempju mogħti sabiex tkun tista 'tieħu idea ta' dawn it-tabs għal React.

Su GitHub.

Materjal tat-Tabs

Materjal tat-Tabs

Hawnhekk m'għandniex paġna demo biex naraw din it-tab għal React in situ, imma tista 'tmur fuq il-websajt fuq github biex ikollok il-kodiċi kollu f'idejk. Huwa pakkett React li joffri komponent ta ' tabs għad-Disinn tal-Materjal, il-lingwa tad-disinn mill-Google li ilu magħna għal ftit snin. Hawnhekk tista 'taċċessa l-għodod ippubblikati minn Google biex juża Materjal Design.

Irreaġixxi t-tabs tan-navigazzjoni

Irreaġixxi t-tabs tan-navigazzjoni

In-navigazzjoni tat-tabs React hija komponent ta ’kwalità React li jħallik jippermetti browsing permezz ta 'tabs fl-app tal-web tiegħek. Mill-istess link għall-paġna ta 'eżempju tista' taċċessa l-Github tagħha biex tara l-bqija tal-kodiċi.

Irreaġixxi TabTab

Irreaġixxi tabtab

Tab għal React b'appoġġ mobbli u li jista 'jiġi editjat. Huwa a API ibbażat fuq tab għal React JavaScript. Għandek l-għażla li tagħżel bejn tliet temi mill-paġna ta 'eżempju u mur Github mill-buttuna "Dokument" fuqha. Huwa fl-istess paġna ta 'eżempju fejn juri l-adattament kollu li jista' jsir.

Irreaġixxi Aria Tabpanel

Irreaġixxi arja

Jippermettilek li tinteraġixxi mat-tabs bl- tasti tal-vleġġa tat-tastiera għal komponent React flessibbli ħafna li jippermetti adattament kbir. Għandek diversi eżempji mill-paġna demo tagħha.

Irreaġixxi Tabbordion

Irreaġixxi Tabbordion

Komponent ieħor għal React li għandu kull tip ta 'għażliet ta' adattament bħall-indirizz għar-repożitorju. Universali u semantiku jippermettilek toħloq akkordjoni u tabs għall-websajt tiegħek. M'hemm l-ebda nuqqas ta 'dettall għall-informazzjoni kollha meħtieġa biex tiġi implimentata.

Tabs ta 'Reazzjoni aktar Mgħaġġla

Tabs ta 'reazzjoni aktar mgħaġġla

Komponent tat-tab għal React li juża tiegħu flessibilità u l-kuntest agnostiku tagħha. Perfetta biex tirrendi tabs ta 'aċċess faċli. L-informazzjoni kollha, kif ukoll il-link għar-repożitorju fuq Github huma disponibbli mill-paġna ta 'eżempju mogħtija.

Irreaġixxi l-veduti swipe

Irreaġixxi swipe tabs

Komponent għal React għal tabs u veduti inkorporati li jistgħu jkunu Ħares permezz tal-ġesti. Perfetta għal sit iddedikat għall-mowbajl. Għandek eżempji tal-għażliet differenti fuq il-paġna tal-eżempju sabiex ma titlifx id-dettalji ta 'dan il-komponent React.

Tabs

Tabs

Komponent għat-tabs React li mill-websajt tal-eżempju tiegħu għandek id-differenti għażliet mogħtija biex tippersonalizzaha. L-informazzjoni kollha hija organizzata biżżejjed sabiex tkun tista 'timplimenta faċilment dan il-komponent.

Irreaġixxi Tabs

Irreaġixxi tabs

Komponent kbir tat-tab React JavaScript faċilità ta 'użu u aċċessibbli sew. Mill-paġna ta 'eżempju tista' taċċessa r-repożitorju fuq Github. Huma jpoġġu diversi eżempji bħal wieħed li fih hemm tab li huwa diżattivat awtomatikament. Tista 'tuża t-tab biex tiffoka fuq tabs u tuża l-vleġġa ċwievet biex taqleb bejniethom.

M- Tabs

Tabs Nattivi għal Irreaġixxi kemm għal web bħal għan-nattiv. Għandek diversi eżempji fuq il-paġna mogħtija biex tara kif iġib ruħu dan il-komponent. Fir-rokna ta 'fuq tal-lemin għandek il-link għar-repożitorju ta' Github f'każ li trid tkun taf aktar jew teħodha għall-websajt tiegħek.

Irreaġixxi Tabs tal-Materjal Nattiv

Irreaġixxi materjal nattiv

Kif ismu jissuġġerixxi, huwa immirat lejn id-Disinn tal-Materjal għall-implimentazzjoni tat-tabs. M'għandniex paġna ta 'eżempju, imma għandna repożitorju ta' Github fejn tista 'ssib dak kollu li hu meħtieġ għall-integrazzjoni tiegħu.

Irreaġixxi Native Tab View

Irreaġixxi materjal nattiv

Komponent ta 'tab ta' pjattaforma trasversali għal React Native. Hija implimentazzjoni biss fil-JavaScript u jippermettu l-użu tal-ġesti biex taqleb bejn it-tabs differenti. Huwa kkaratterizzat billi huwa personalizzabbli ħafna, li jippermetti kull tip ta 'tiffjorixxi.

Irreaġixxi navigatur tabbar nattiv

Irreaġixxi tabbar indiġenu

Komponent għal React tabs li joħloq browser eċċellenti flimkien ma 'bar ta 'xagħar.

Irreaġixxi Tabs Nattivi

Irreaġixxi Tabs Nattivi

Irreaġixxi t-tab Nattiv bħala pjattaforma waħedha li tista ' jintuża għal lashes aktar baxxi kif ukoll veduti sezzjonali. B'dan nispiċċaw is-serje ta 'tabs għal React. Inħalluk b’serje ta ’forom fis-CSS sabiex tkun tista 'żżomm għajnejk fuqu u tara jekk humiex tajbin għall-websajt tiegħek.


Il-kontenut tal-artikolu jaderixxi mal-prinċipji tagħna ta ' etika editorjali. Biex tirrapporta żball ikklikkja hawn.

Kun l-ewwel li tikkummenta

Ħalli l-kumment tiegħek

Your email address mhux se jkun ippubblikat. oqsma meħtieġa huma mmarkati bl *

*

*

  1. Responsabbli għad-dejta: Miguel Ángel Gatón
  2. Għan tad-dejta: Kontroll SPAM, ġestjoni tal-kummenti.
  3. Leġittimazzjoni: Il-kunsens tiegħek
  4. Komunikazzjoni tad-dejta: Id-dejta ma tiġix ikkomunikata lil partijiet terzi ħlief b'obbligu legali.
  5. Ħażna tad-dejta: Bażi tad-dejta ospitata minn Occentus Networks (UE)
  6. Drittijiet: Fi kwalunkwe ħin tista 'tillimita, tirkupra u tħassar l-informazzjoni tiegħek.