This package contains the Navbar, a Material Design Component which is part of a bigger ecosystem called Slup

Description

From Google's Material Design guidelines:

Installation

This package can be installed with NPM

npm install --save @slup/navbar

Usage

import { Navbar } from '@slup/navbar'

export const Test = props =>
  <Navbar>
    /* Icons and Title here */
  </Navbar>

Available properties

| Props | Type | Default | Documentation | |------------- |:-------------:|:-------------:|------: | | primary | boolean | false | Link | | fixed | boolean | false | Link | | reveal | boolean | false | Link |

Property: 'primary'

This property will set the background to the primary color of the theme

<Navbar primary />

Property: 'fixed'

This property will fix the Navbar relative to the browser window

<Navbar fixed />

Property: 'reveal'

This property will fix the Navbar relative to the browser window but it will "reveal" itself only when scrolling up

<Navbar reveal />