@slup/navbar v0.5.1

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

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 />