6.1.0 • Published 4 years ago

@comparaonline/ui-navigation-footer v6.1.0

Weekly downloads
79
License
MIT
Repository
-
Last release
4 years ago

@comparaonline/ui-navigation-footer

Installation

yarn add @comparaonline/ui-navigation-footer

Usage

This footer component is isolate between desktop and mobile mode.

Using Desktop Mode

import { Footer } from '@comparaonline/ui-navigation-footer/dist/components/Footer';
import { Menu } from '@comparaonline/ui-navigation-footer/dist/components/Menu/desktop';
import { PaymentMethodsCL } from '@comparaonline/ui-navigation-footer/dist/components/PaymentMethods/cl';
import { Trademark } from '@comparaonline/ui-navigation-footer/dist/components/Trademark';
import { ScheduleContent } from '@comparaonline/ui-navigation-footer/dist/components/Schedule';

const DesktopFooter = () => (
  <Footer
    data={YourJsonFooterData}
    menuComponent={Menu}
    trademarkComponent={Trademark}
    paymentComponent={PaymentMethodsCL}
    scheduleComponent={props => (
      <ScheduleContent
        buttonProps={{
          color: 'primary',
          children: 'Centro de Ayuda'
        }}
        {...props}
      />
    )}
  />
);

Using Mobile Mode

import { Footer } from '@comparaonline/ui-navigation-footer/dist/components/Footer';
import { MenuMobile } from '@comparaonline/ui-navigation-footer/dist/components/Menu/mobile';
import { PaymentMethodsCL } from '@comparaonline/ui-navigation-footer/dist/components/PaymentMethods/cl';
import { Trademark } from '@comparaonline/ui-navigation-footer/dist/components/Trademark';
import { ScheduleContent } from '@comparaonline/ui-navigation-footer/dist/components/Schedule';

const MobileFooter = () => (
  <Footer
    data={YourJsonFooterData}
    menuComponent={MenuMobile}
    trademarkComponent={Trademark}
    paymentComponent={PaymentMethodsCL}
    scheduleComponent={props => (
      <ScheduleContent
        buttonProps={{
          color: 'primary',
          children: 'Centro de Ayuda'
        }}
        {...props}
      />
    )}
  />
);

The structure for the json footer data will be something like

import { FooterData } from '@comparaonline/ui-navigation-footer/dist/components/Footer';

// FooterData is the Typescript type for data footer
6.1.0

4 years ago

5.7.1

5 years ago

5.6.4

5 years ago

5.6.3

5 years ago

5.6.2

5 years ago

5.6.1

5 years ago

5.4.14

6 years ago

5.4.11

6 years ago

5.4.9

6 years ago

5.4.8

6 years ago

5.4.4

6 years ago

5.4.3

6 years ago

5.3.3

6 years ago

5.3.1

6 years ago

5.1.2

6 years ago

4.9.1

6 years ago

4.9.0

6 years ago

4.8.5

6 years ago

4.8.4

6 years ago

4.8.2

6 years ago

4.7.2

6 years ago

4.7.1

6 years ago

4.7.0

6 years ago

4.6.0

6 years ago

4.5.1

6 years ago

4.5.0

6 years ago

4.4.0

6 years ago

4.3.5

6 years ago

4.3.3

6 years ago

4.3.2

6 years ago

4.3.1

6 years ago

4.3.0

6 years ago

4.2.3

6 years ago

4.1.1

6 years ago

4.1.0

6 years ago

4.0.7

6 years ago

4.0.6

6 years ago

4.0.5

6 years ago