@berlitz/top-nav-minimal

TopNavMinimal component for the Max Design System

Usage no npm install needed!

<script type="module">
  import berlitzTopNavMinimal from 'https://cdn.skypack.dev/@berlitz/top-nav-minimal';
</script>

README

TopNavMinimal npm version

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 my-logo
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