pineapple-main-nav-bar

Component for npm registry

Usage no npm install needed!

<script type="module">
  import pineappleMainNavBar from 'https://cdn.skypack.dev/pineapple-main-nav-bar';
</script>

README

pineapple-main-nav-bar

This component is designed to be utilized in pineapple.net.au projects only.

It needs the data from vuex store and can't be used outside the pineapple.net.au and landing pages of pineapple.net.au

install component

yarn add pineapple-main-nav-bar

Load the component and it's styles

App.vue

import 'pineapple-main-nav-bar'
import 'pineapple-main-nav-bar/dist/pineapple-main-nav-bar.css'

Use the component

<MainNavBar :page.sync="page" />

Warning 1

This component maps and use mainNavButtons and mainNavSectors

from the module content of vuex store

Warning 2

This component needs the styles of pineapple.net.au

yarn add pineapple-styles
main.js
import 'pineapple-styles/css/fonts.scss'
import 'pineapple-styles/css/variables.scss'
App.js
import 'pineapple-styles'