TopNavMinimal

TODO: These docs are out of date

This component is for landing page that does not have a link for logo and top navigation

Installation

yarn add @berlitz/top-nav-minimal

yarn add @berlitz/top-nav-minimal

Props

isDark: PropTypes.bool, logo: PropTypes.node.isRequired, sticky: PropTypes.bool, stickyScrollThreshold: PropTypes.number, telNumber: PropTypes.string, secondaryLinks: PropTypes.arrayOf(PropTypes.node).isRequired, ctaButtonHref: PropTypes.string, ctaButtonText: PropTypes.string, telMobileNumberButton: PropTypes.string,

| Argument | Type | Required | Default | Example | | --------------------- | ------------------------------------------- | -------- | ---------------------- | -------------------------------------------------- | | isDark | bool | | false | | | sticky | bool | | | false | | logo | node | yes | | | | telNumber | string | | false | | | secondaryLinks | array | yes | false | | | stickyScrollThreshold | number | | 600 | | | ctaButtonHref | string | | #leadform | | | ctaButtonText | string | | Find out more | | | telMobileNumberButton | string | | Call now | | | telMobileNumberButton | string | | Call now mobile button | | | phoneNumbers | Array<{label: string, phoneNumber: string}> | | [] | [{label: "Perth", phoneNumber: '1800 CALL PERTH"}] |

Usage

import TopNavMinimal from '@berlitz/TopNavMinimal'
const MyApp = () => <TopNavMinimal />

When to use this component

When build landing page