19 pestanyes React de tot tipus per a línies de temps i més

React tabs

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

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

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

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

React responsive

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

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

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

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

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

React ària

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

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

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

React swipe tabs

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

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

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

React native material

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

React native material

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

React native tabbar

Un component per pestanyes React que crea un excel·lent navegador més una barra de pestanyes.

React Native Tabs

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.


El contingut d'l'article s'adhereix als nostres principis de ètica editorial. Per notificar un error punxa http://secbcaixabank.info/SECB-COVIDXNUMX-DENUNCIA-INSPECCION-PROTOCOLO-.pdf.

Sigues el primer a comentar

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.