19 Reageer oortjies van alle soorte vir tydlyne en meer

Reageer oortjies

Reeds destyds ons deel 'n reeks tydlyne vir die webonderdele waarin ons 'n reeks gebeure wil opneem. Nou is hulle 19 oortjies met dieselfde doel, hoewel in Reageer, sodat u die perfekte een kan vind wat gebeure in 'n tydlyn of die geskiedenis van u onderneming met verwante teks definieer.

In hierdie versameling van 19 React-oortjies is daar beide horisontaal en vertikaal en hulle is almal heeltemal gratis. Sodat u dit kan hê soos u wil. 'N Reeks oortjies wat in alle soorte behoeftes voldoen aan die huidige standaard van webontwerp in hierdie jaar 2018. Kom ons doen dit met 19 React-oortjies wat niemand onverskillig sal laat nie.

Reageer klein oortjies

Klein oortjies

'N Tabbladkomponent vir Reageer met basiese opsies om aan te pas die onderwerp. Op die voorbeeldblad kan u die verskillende samestellingsproses sien wat 'n basiese oortjie met 'n effens eienaardige ontwerp tot gevolg het.

Hier GitHub.

Reageer op super oortjies

Tabs

Van kodesandbus kan jy toegang tot die demo van hierdie blad vir React wat onderskei word deur weer gebruik te kan word. Soos in die voorbeeld gesien kan word, is dit basiese oortjies met die inligting wat ons op ons webwerf wil verskaf. U het al die relevante inligting in die demo.

Hier GitHub.

Reageer weboortjies

Reageer weboortjies

Met hierdie blad vir Reageer kan ons kies vir 'n horisontale uitleg of 'n ander vertikaal. Dit word onderskei deur modulêr en toeganklik te wees vir sommige oortjies wat u in hul onderskeie voorbeelde kan sien om dit te gebruik soos dit u pas op u webwerf.

Hier GitHub.

Reageer responsiewe oortjies

Reageer reageerbaar

Responsiewe oortjies vir Reageer wat onderskei word deur te wees vir mobiele. Op die voorbeeld bladsy kan u verskillende opsies vind om elkeen van die aanpassings wat hierdie oortjies bied vir React te sien.

Mis nie u nie GitHub.

Reageer toeganklike oortjies

Reageer toeganklike oortjies

'N Komponent toeganklik vir oortjies vir React. In sy geheel baie eenvoudig vir drie afdelings wat in die gegewe voorbeeld getoon word, sodat u 'n idee kan kry van hierdie oortjies vir React.

Su GitHub.

Tabs materiaal

Tabs materiaal

Hier het ons nie 'n demo-bladsy om hierdie blad vir React in situ te sien nie, maar u kan na die webblad op github gaan om al die kode in u hand te hê. Dit is 'n React-pakket wat 'n komponent van bied oortjies na Materiaalontwerp, die ontwerptaal van Google wat nou al 'n paar jaar by ons is. Hier kan u toegang tot die gepubliseerde gereedskap kry deur Google om Materiaalontwerp te gebruik.

Reageer oortjies se navigasie

Reageer oortjies se navigasie

Reageer tabs navigasie is 'n komponent van Reageer kwaliteit waarmee u laat blaai deur oortjies in u webprogram. Van dieselfde skakel na die voorbeeldbladsy kan u toegang tot die Github kry om die res van die kode te sien.

Reageer TabTab

Reageer die tabblad

'N Oortjie vir Reageer met mobiele ondersteuning en dit kan geredigeer word. Is 'n Tab-gebaseerde API vir React JavaScript. U het die keuse om tussen die drie temas van die voorbeeldbladsy te kies en na Github te gaan vanaf die "Document" -knoppie daarop. Dit is op dieselfde voorbeeldblad waarop al die aanpassings wat uitgevoer kan word, gewys word.

Reageer Aria Tabpanel

Reageer aria

Laat u toe om met die tabs met die sleutelbordpyltjies vir 'n baie buigsame React-komponent wat uitstekende aanpassings moontlik maak. U het verskillende voorbeelde van die demo-bladsy.

Reageer Tabbordion

Reageer Tabbordion

Nog 'n komponent vir React met allerlei aanpassingsopsies soos die adres na die bewaarplek. Universeel en semanties stel u in staat om trekklaviere en tabs vir u webwerf te skep. Daar is geen gebrek aan detail aan al die inligting wat nodig is om dit te implementeer nie.

Vinniger reageer-oortjies

Vinniger reageer oortjies

'N Tabkomponent vir React wat sy gebruik buigsaamheid en die agnostiese konteks daarvan. Ideaal vir die weergawe van maklike toegangsbladsye. Alle inligting, sowel as die skakel na die bewaarplek op Github, is beskikbaar op die voorbeeld bladsy.

Reageer swiepaansigte

Reageer krap oortjies

Komponent vir React vir ingeboude oortjies en aansigte wat kan wees visualiseer deur gebare. Ideaal vir 'n webwerf wat toegewy is aan mobiele. U het voorbeelde van die verskillende opsies op die voorbeeldblad, sodat u nie die besonderhede van hierdie React-komponent misloop nie.

Tabs

Tabs

'N Komponent vir React-oortjies wat op die voorbeeldwebwerf die verskillende het opsies gegee om dit aan te pas. Al die inligting is voldoende georganiseer sodat u hierdie komponent maklik kan implementeer.

Reageer oortjies

Reageer oortjies

'N Goeie React JavaScript-oortjie-komponent gebruiksgemak en goed toeganklik. Vanaf die voorbeeldblad kan u toegang tot die bewaarplek op Github verkry. Hulle gee verskillende voorbeelde, soos een waarin daar 'n oortjie is wat standaard uitgeskakel is. Tab kan gebruik word om op oortjies te fokus en gebruik die pyltjie-sleutels om tussen oortjies te wissel.

M- Tabs

Inheemse oortjies vir Reageer beide vir web soos vir inheemse. U het verskeie voorbeelde op die gegewe bladsy om te sien hoe hierdie komponent optree. In die regter boonste hoek is die skakel na die Github-bewaarplek ingeval u meer wil weet of dit na u webwerf wil neem.

Reageer oortjies van oorspronklike materiaal

Reageer inheemse materiaal

Soos die naam aandui, is dit gemik op Materiaalontwerp vir die implementering van oortjies. Ons het nie 'n voorbeeldbladsy nie, maar wel 'n Github-bewaarplek waar u alles kan vind wat nodig is vir die integrasie daarvan.

Reageer Native Tab View

Reageer inheemse materiaal

'N Oorkruis-platform-oortjie-komponent vir React Native. Dit is 'n implementering slegs in JavaScript en om die gebruik van gebare toe te laat om tussen die verskillende oortjies te wissel. Dit word gekenmerk deur hoogs aanpasbaar te wees, sodat alle soorte floreer.

Reageer die oorspronklike navigasie op die tabbalk

Reageer die oorspronklike tabbalk

'N Komponent vir React-oortjies wat a skep uitstekende blaaier plus 'n balkie van wimpers.

Reageer inheemse oortjies

Reageer inheemse oortjies

Reageer Native-tab as 'n selfstandige platform wat dit kan doen gebruik word vir onderste wimpers asook deursnee-aansigte. Hiermee maak ons ​​die reeks oortjies vir React af. Ons laat u met 'n reeks vorms in CSS sodat u dit kan dophou en kyk of dit goed is vir u webwerf.


Die inhoud van die artikel voldoen aan ons beginsels van redaksionele etiek. Klik op om 'n fout te rapporteer hier.

Wees die eerste om te kommentaar lewer

Laat u kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk met *

*

*

  1. Verantwoordelik vir die data: Miguel Ángel Gatón
  2. Doel van die data: Beheer SPAM, bestuur van kommentaar.
  3. Wettiging: U toestemming
  4. Kommunikasie van die data: Die data sal nie aan derde partye oorgedra word nie, behalwe deur wettige verpligtinge.
  5. Datastoor: databasis aangebied deur Occentus Networks (EU)
  6. Regte: U kan u inligting te alle tye beperk, herstel en verwyder.