Már abban az időben megosztunk egy ütemtervet azokhoz a webrészekhez amelyben eseménysorozatot akarunk rögzíteni. Most azok vannak 19 fül ugyanazzal a céllalBár a React-ben, hogy megtalálja a tökéleteset, amely meghatározza az idővonalon szereplő eseményeket vagy a vállalat történetét kapcsolódó szöveggel.
Ebben a 19 React fülből álló gyűjteményben vannak vízszintesen és függőlegesen is és mindannyian teljesen szabadok. Tehát megkaphatja őket, ahogy akarja. A fülek sorozata, amely mindenféle igényt felölel, hogy betartsa a 2018-as webdesign aktuális színvonalát. Tegyük meg 19 React füllel, amelyek senkit sem hagynak közömbösnek.
Reagál Tiny Tabs
Fülkomponens a Reagálni alapvető beállítások a testreszabáshoz a téma. A példaoldalon láthatja a különböző kompozíciós folyamatokat, amelyek egy kissé különös kialakítású alaplapot eredményeznek.
Itt GitHub.
Reagáljon a szuper fülekre
A kódokból és dobozokból megteheti elérheti ennek a lapnak a React alkalmazásának bemutatóját amelyet meg lehet különböztetni azzal, hogy újra felhasználható. Amint a példában láthatja, ezek alapvető lapok, amelyek információkat tartalmaznak, amelyeket a weboldalunkon meg akarunk adni. Az összes releváns információ megtalálható a bemutatóban.
Itt GitHub.
Reagáljon a weblapokra
Ezzel a React füllel tudjuk döntsön vízszintes elrendezés mellett vagy egy másik függőleges irányba. Megkülönbözteti azt, hogy moduláris és hozzáférhető néhány fül számára, amelyeket a megfelelő példákban láthat, annak érdekében, hogy az Ön webhelyének megfelelő módon használja őket.
Itt GitHub.
Reagáljon az érzékeny fülekre
Reagens reagálólapok, amelyek megkülönböztethetők a létezéssel mobilhoz. A példaoldalon különböző lehetőségeket talál az egyes fülek által a React számára biztosított testreszabások megtekintéséhez.
Nem hiányzik a GitHub.
Reagáljon az elérhető fülekre
Egy komponens fülek számára elérhető a React számára. Nagyon egyszerű a lényegében három részben, amelyek a megadott példában láthatók, így képet kaphat ezekről a React fülekről.
Su GitHub.
Fülek anyaga
Itt nincs bemutató oldalunk a React in situ fül megtekintéséhez, de a github webhelyén meglátogathatja az összes kódot. Ez egy React csomag, amely a füleket az Anyagtervezéshez, a tervezési nyelvhez a Google-tól, amely már néhány éve velünk van. Itt érheti el a közzétett eszközöket a Google-tól az Anyagtervezés használatához.
Reagáljon a lapok navigációjára
A React tabs navigáció egy React minőségű összetevő, amely lehetővé teszi lehetővé teszi a lapok közötti böngészést a webes alkalmazásban. Ugyanarról a linkről a példaoldalra elérheti a Github-ot, hogy tanúja lehessen a kód többi részének.
Reagál TabTab
A Reagálni mobil támogatással fül, amely szerkeszthető. Egy Tab-alapú API a React JavaScript számára. Három téma közül választhat a példaoldalon, és a "Dokumentum" gombbal léphet a Githubba. Ugyanazon a példaoldalon található, ahol az összes elvégezhető testreszabást bemutatja.
React Aria Tabpanel
Lehetővé teszi, hogy interakcióba lépjen a fülekkel a billentyűzet nyílbillentyűk rendkívül rugalmas React komponenshez, amely nagy testreszabást tesz lehetővé. Különféle példákat talál a bemutató oldalán.
Reagáljon Tabbordionra
A React másik komponense, amely mindenféle testreszabási lehetőséggel rendelkezik mint a tárház címét. Az univerzális és szemantikus lehetővé teszi harmonikák és fülek készítését a webhelyéhez. A megvalósításához szükséges összes információ nem hiányzik részletességből.
Gyorsabb reagálási lapok
A React fülkomponense, amely ezt használja rugalmasság és agnosztikai kontextusa. Tökéletes a könnyen elérhető fülek megjelenítéséhez. Minden információ, valamint a Github tárhelyére mutató link elérhető a megadott példaoldalról.
Reagáljon az ellop nézetekre
A React komponense a beágyazott fülek és nézetek számára, amelyek lehetnek vizualizáljon gesztusokon keresztül. Tökéletes egy mobilnak szánt webhelyhez. A példa oldalon vannak példák a különböző lehetőségekre, hogy ne hagyja ki a React összetevő részleteit.
Lapok
A React fülek egyik összetevője, amelynek a példapéldánya szerinti webhelye különbözik testreszabásához adott opciók. Az összes információ kellően rendezett, így könnyedén megvalósíthatja ezt az összetevőt.
Reagálni fülekre
Remek React JavaScript lapkomponens könnyű használat és jól hozzáférhető. A példaoldalról elérheti a Github tárházát. Különböző példákat hoznak fel, például olyanokat, amelyekben van egy lap, amely alapértelmezés szerint le van tiltva. A tabulátor segítségével a fülekre fókuszálhat, és a nyílbillentyűkkel válthat közöttük.
M-Tabs
A Reagál mindkettő natív lapjai web, mint a natív. Az adott oldalon számos példa van arra, hogy lássa, hogyan viselkedik ez az összetevő. A jobb felső sarokban van egy link a Github-tárházhoz, ha többet szeretne megtudni, vagy a webhelyére szeretné vinni.
Reagáljon a Native Material fülekre
Ahogy a neve is mutatja, az az Anyagtervezésre irányul fülek megvalósításához. Nincs példaoldalunk, de van Github-tárháza, ahol mindent megtalál, ami az integrációhoz szükséges.
Reagáljon a Natív lapra
Keresztplatformos fülkomponens a React Native számára Ez egy megvalósítás csak JavaScript-ben és lehetővé teszi a gesztusok használatát a különböző fülek közötti váltáshoz. Jellemzője, hogy rendkívül testreszabható, ami mindenféle virágzást lehetővé tesz.
Reagáljon a natív cabbar navigátorra
A React fülek összetevője, amely a kiváló böngésző és bár szempillák.
Reagál a natív lapokra
A Native lap reagálása önálló platformként alsó szempillákhoz használható valamint metszeti nézetek. Ezzel befejezzük a React fülsorozatát. Hagyunk Önnek egy formanyomtatványt a CSS-ben így szemmel tarthatja, és megnézheti, hogy jók-e az Ön webhelyére.