6.1.0 • Published 3 years ago
@comparaonline/ui-navigation-footer v6.1.0
@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
3 years ago
5.7.1
4 years ago
5.6.4
4 years ago
5.6.3
4 years ago
5.6.2
4 years ago
5.6.1
4 years ago
5.4.14
4 years ago
5.4.11
4 years ago
5.4.9
4 years ago
5.4.8
4 years ago
5.4.4
5 years ago
5.4.3
5 years ago
5.3.3
5 years ago
5.3.1
5 years ago
5.1.2
5 years ago
4.9.1
5 years ago
4.9.0
5 years ago
4.8.5
5 years ago
4.8.4
5 years ago
4.8.2
5 years ago
4.7.2
5 years ago
4.7.1
5 years ago
4.7.0
5 years ago
4.6.0
5 years ago
4.5.1
5 years ago
4.5.0
5 years ago
4.4.0
5 years ago
4.3.5
5 years ago
4.3.3
5 years ago
4.3.2
5 years ago
4.3.1
5 years ago
4.3.0
5 years ago
4.2.3
5 years ago
4.1.1
5 years ago
4.1.0
5 years ago
4.0.7
5 years ago
4.0.6
5 years ago
4.0.5
5 years ago