Slup - Navbar

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:

The app bar, formerly known as the action bar in Android, is a special kind of toolbar that’s used for branding, navigation, search, and actions.

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