Ja en el seu moment compartim una sèrie de timelines per a aquests elements web en els quals volem registrar una sèrie d'esdeveniments. Ara són 19 pestanyes amb el mateix objectiu, Encara que en React perquè trobeu aquella perfecta que defineixi esdeveniments en una línia de temps o la història pròpia de la vostra companyia amb text relacionat.
En aquesta col·lecció de 19 pestanyes React n'hi ha tant horitzontals com verticals i són totes totalment gratuïtes. Així que podeu disposar d'elles tal com us plagui. Una sèrie de pestanyes que cobreixen tot tipus de necessitats per seguir l'estàndard actual de disseny web en aquest any 2018. Anem a això amb 19 pestanyes React que no deixaran indiferent a ningú.
React Tiny Tabs
Un component de pestanya per React amb opcions bàsiques per a personalitzar el tema. Des de la pàgina exemple podeu veure el diferent procés de composició que dóna resultat en una bàsica pestanya amb un disseny una mica peculiar.
Aquí Github.
React re super tabs
Des codesandbox podeu accedir a la demo d'aquesta pestanya per React que es distingeix per poder tornar a ser usada. Com es pot veure en l'exemple, són pestanyes bàsiques amb la info que vulguem aportar al nostre lloc web. Teniu tota la informació concernent a la demo.
Aquí Github.
React web tabs
Amb aquesta pestanya per React podem optar per un disseny al horitzontal o un altre al vertical. Es distingeix per ser modular i accessible per a unes pestanyes que podeu veure en els seus respectius exemples per així fer-les servir tal com us convingui al vostre lloc web.
Aquí Github.
React Responsive Tabs
Pestanyes responsive per React que es distingeixen per ser per mobile. A la pàgina exemple podeu trobar diferents opcions per visualitzar cadascuna de les personalitzacions que dota aquestes pestanyes per React.
No falta la seva Github.
React accessible tabs
un component accessible a pestanyes per React. Bé simple en tota la seva essència per a tres seccions que es mostren en l'exemple donat perquè us feu una idea d'aquestes pestanyes per React.
Su Github.
material tabs
Aquí no tenim pàgina de demostració per veure in situ aquesta pestanya per React, però sí que podeu adreçar-vos a la pàgina web en github per així tenir en la vostra mà tot el codi. És un paquet React que ofereix un component de pestanyes al Material Design, el llenguatge de disseny de Google que porta ja amb nosaltres uns quants anys. Aquí podeu accedir a les eines publicades per Google per valer-nos de Material Design.
React tabs navigation
React tabs navigation és un component de qualitat React que et permet navegar a través de pestanyes en el teu app web. Des del mateix enllaç a la pàgina exemple podeu accedir al seu Github per presenciar la resta de el codi.
React TabTab
Una pestanya per React amb suport a mobile i que es pot editar. és un API basat de pestanyes per React JavaScript. Teniu l'opció de triar entre tres temes des de la pàgina exemple i passar a Github des del botó «Document» en la mateixa. És en la mateixa pàgina exemple on mostra tota la personalització que pot ser portada a terme.
React Ària Tabpanel
Permet interaccionar amb les pestanyes amb les tecles de fletxes de direcció del teclat per a un component React de gran flexibilitat i que permet gran personalització. Teniu variats exemples des de la seva pàgina de demostració.
React Tabbordion
Un altre component per React que té tot tipus d'opcions de personalització a l'igual que la direcció a el repositori. Universal i semàntic permet crear acordions i pestanyes per al teu lloc web. No cal detall a tota la informació necessària per poder implementar-lo.
Faster React Tabs
Un component pestanya per React que es val per la seva flexibilitat i el seu context agnòstic. Perfecte per a renderitzar pestanyes d'accés fàcil. Tota la informació, a l'igual que l'enllaç a l'repositori en Github està disponible des de la pàgina exemple donada.
React swipe views
Component per React per pestanyes incrustades i vistes que es poden visualitzar a través de gestos. Perfecta per a un lloc dedicat al mobile. Teniu exemples de les diferents opcions a la pàgina exemple perquè no perdeu detall d'aquest component React.
Tabs
Un component per pestanyes React que des del seu lloc web exemple teniu les diferents opcions donades per personalitzar. Tota la informació està prou organitzada perquè pugueu implementar fàcilment aquest component.
React Tabs
Un component per pestanyes amb React JavaScript de gran facilitat d'ús i ben accessible. Des de la pàgina exemple podeu accedir a l'repositori en Github. Posen diversos exemples com un en què hi ha una pestanya que està desactivada per defecte. Es pot usar el tabulador per posar el focus en les pestanyes i usar les tecles de direcció per canviar entre aquestes.
M- Tabs
Pestanyes natives per React tant per web com per natiu. Teniu diversos exemples a la pàgina donada per així veure com es comporta aquest component. A la cantonada superior dreta teniu l'enllaç a l'repositori Github per si voleu saber més o prendre-ho per al vostre lloc web.
React Native Material Tabs
Tal com el seu propi nom indica, està dirigit a Material Design per a la implementació de pestanyes. No tenim pàgina exemple, però si el seu repositori Github on podeu trobar tot el que es necessita per a la seva integració.
Reacciona la visualització de pestanyes natives
Un component pestanya cross plataforma per React Native. És una implementació només en JavaScript i que permet usar gestos per passar entre les diferents pestanyes. Es caracteritza per ser molt personalitzable, el que permet realitzar tot tipus de floritures.
React native tabbar navigator
Un component per pestanyes React que crea un excel·lent navegador més una barra de pestanyes.
React Native Tabs
Pestanya React Nativa com a plataforma independent que podia ser usat per pestanyes inferiors alhora que vistes seccionades. Amb aquest acabem la sèrie de pestanyes per React. Us deixem amb una sèrie de formularis en CSS perquè pugueu tirar-li un ull i així mirar si us vénen bé per al vostre lloc web.