19 Reagujte na karty všetkého druhu pre časové osi a ďalšie

Reagovať záložky

Už v tom čase zdieľame sériu časových osí pre tieto webové časti v ktorých chceme zaznamenať sériu udalostí. Teraz sú 19 záložiek s rovnakým cieľom, aj keď v Reagovať, aby ste našli ten najlepší, ktorý definuje udalosti na časovej osi alebo v histórii vašej spoločnosti so súvisiacim textom.

V tejto zbierke 19 kariet React sa nachádza horizontálne aj vertikálne a všetci sú úplne zadarmo. Takže ich môžete mať, ako chcete. Séria kariet, ktoré pokrývajú všetky druhy potrieb, aby sa dodržali súčasný štandard webdizajnu v tomto roku 2018. Urobme to pomocou 19 kariet React, ktoré nikoho nenechajú ľahostajným.

Reagujte Tiny Tabs

Drobné záložky

Komponenta záložky pre Reagovať s základné možnosti prispôsobenia téma. Na ukážkovej stránke môžete vidieť rozdielny proces zloženia, ktorého výsledkom je základná karta s mierne zvláštnym dizajnom.

Tu GitHub.

Reagujte na super karty

Tabs

Z codeandbox môžete otvorte ukážku tejto karty pre React ktorý sa vyznačuje tým, že je možné ho znovu použiť. Ako je vidieť v príklade, sú to základné karty s informáciami, ktoré chceme poskytnúť na našom webe. V ukážke máte všetky príslušné informácie.

Tu GitHub.

Reagujte na webové karty

Reagujte na webové karty

S touto záložkou pre React môžeme rozhodnúť sa pre horizontálne rozloženie alebo iný do zvislej polohy. Vyznačuje sa tým, že je modulárny a prístupný pre niektoré karty, ktoré môžete vidieť v ich príslušných príkladoch, aby ste ich mohli použiť tak, ako vám to vyhovuje na vašom webe.

Tu GitHub.

Reagovať záložky

Reagujte responzívne

Reagujúce karty pre React, ktoré sa vyznačujú tým, že sú pre mobil. Na ukážkovej stránke nájdete rôzne možnosti zobrazenia každého z prispôsobení, ktoré tieto karty poskytujú pre React.

Nechýba tvoja GitHub.

Reagujte prístupnými kartami

Reagujte prístupnými kartami

Zložka prístupné kartám pre React. Veľmi jednoduché v celej svojej podstate pre tri sekcie, ktoré sú zobrazené v uvedenom príklade, aby ste získali predstavu o týchto kartách pre React.

Su GitHub.

Materiál záložiek

Materiál záložiek

Tu nemáme ukážkovú stránku, aby sme videli túto kartu pre React in situ, ale môžete ísť na webovú stránku na github a mať celý kód v ruke. Jedná sa o balíček React, ktorý ponúka komponent z na záložkách Material Design, v dizajnovom jazyku od spoločnosti Google, ktorá je tu s nami už pár rokov. Tu máte prístup k zverejneným nástrojom Google na použitie materiálového dizajnu.

Reagujte na navigáciu na kartách

Reagujte na navigáciu na kartách

Navigácia na kartách React je komponentou React quality, ktorá vám umožní umožňuje prechádzanie kartami vo vašej webovej aplikácii. Z rovnakého odkazu na vzorovú stránku môžete prejsť na jej stránku Github, aby ste boli svedkami zvyšku kódu.

Reagovať TabTab

Reagovať tabtab

Karta React s podporou mobilných telefónov, ktorú je možné upravovať. Je a Tabulátorové API pre React JavaScript. Na ukážkovej stránke máte možnosť vybrať si z troch tém a prejsť na ňu pomocou tlačidla „Dokument“ na stránku Github. Nachádza sa na tej istej ukážkovej stránke, kde zobrazuje všetky prispôsobenia, ktoré je možné vykonať.

Reaguj Aria Tabpanel

Reaguj ária

Umožňuje vám interakciu s kartami s klávesy so šípkami na klávesnici pre vysoko flexibilný komponent React, ktorý umožňuje veľké prispôsobenie. Z jeho ukážkovej stránky máte rôzne príklady.

Reaguj Tabbordion

Reaguj Tabbordion

Ďalšia súčasť pre React, ktorá má všetky druhy možností prispôsobenia ako adresa do úložiska. Universal a semantic vám umožňuje vytvárať akordeóny a karty pre vaše webové stránky. Nechýbajú podrobnosti o všetkých informáciách potrebných na ich implementáciu.

Karty rýchlejšej reakcie

Rýchlejšie reagujte na karty

Komponenta karty pre React, ktorá používa svoje flexibilita a jej agnostický kontext. Perfektné na vykreslenie kariet so ľahkým prístupom. Všetky informácie, ako aj odkaz na úložisko na Githube sú k dispozícii na uvedenej vzorovej stránke.

Reagujte na zobrazenia potiahnutia

Reagujte kartami potiahnutia

Komponent pre React pre vložené karty a zobrazenia, ktoré môžu byť vizualizovať pomocou gest. Perfektné pre web určený pre mobilné zariadenia. Na ukážkovej stránke máte príklady rôznych možností, aby vám neunikli podrobnosti o tomto komponente React.

Tabs

Tabs

Komponent pre karty React, ktorý sa od jeho vzorového webu líši možnosti prispôsobenia. Všetky informácie sú dostatočne usporiadané, aby ste mohli ľahko implementovať tento komponent.

Reagovať záložky

Reagovať záložky

Skvelý komponent karty React JavaScript jednoduché použitie a dobre dostupné. Zo vzorovej stránky máte prístup do úložiska na Github. Uviedli rôzne príklady, napríklad príklad, v ktorom je karta, ktorá je predvolene zakázaná. Na karte je možné zamerať sa na karty a medzi klávesmi prepínať pomocou klávesov so šípkami.

M- Záložky

Natívne karty pre Reagovať pre pre web ako pre natívnych. Na danej stránke máte niekoľko príkladov, aby ste videli, ako sa táto súčasť správa. V pravom hornom rohu máte odkaz na úložisko Github pre prípad, že by ste sa chceli dozvedieť viac alebo si ho zobrať pre svoj web.

Karty Reagovať natívnym materiálom

Reagujte natívny materiál

Ako naznačuje jeho názov, je zamerané na materiálový dizajn na implementáciu tab. Nemáme ukážkovú stránku, ale máme úložisko Github, kde nájdete všetko, čo je potrebné pre jeho integráciu.

Reagovať natívne zobrazenie karty

Reagujte natívny materiál

Komponenta záložky pre rôzne platformy pre React Native. Je to implementácia iba v JavaScripte a umožňujúcom používanie gest prepínať medzi rôznymi kartami. Vyznačuje sa vysokou prispôsobiteľnosťou, ktorá umožňuje všetky druhy rozkvetu.

Reagovať natívnym navigátorom na tabbar

Reagovať natívny tabbar

Komponent pre karty React, ktorý vytvára a vynikajúci prehliadač plus lišta mihalníc.

Reagovať natívne karty

Reagovať natívne karty

Karta Reagovať natívne ako samostatná platforma, ktorá mohla sa používajú na spodné riasy ako aj pohľady v reze. Týmto dokončujeme sériu kariet pre React. V CSS vám necháme sériu formulárov takže to môžete neustále sledovať a zistiť, či sú pre váš web dobré.


Buďte prvý komentár

Zanechajte svoj komentár

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *

*

*

  1. Zodpovedný za údaje: Miguel Ángel Gatón
  2. Účel údajov: Kontrolný SPAM, správa komentárov.
  3. Legitimácia: Váš súhlas
  4. Oznamovanie údajov: Údaje nebudú poskytnuté tretím stranám, iba ak to vyplýva zo zákona.
  5. Ukladanie dát: Databáza hostená spoločnosťou Occentus Networks (EU)
  6. Práva: Svoje údaje môžete kedykoľvek obmedziť, obnoviť a vymazať.