react-luxbar

Luxbar implementation for React.js

Usage no npm install needed!

<script type="module">
  import reactLuxbar from 'https://cdn.skypack.dev/react-luxbar';
</script>

README

react-luxbar

NPM JavaScript Style Guide

Description

A Luxbar implementation for React.js

Installation

yarn add react-luxbar -or- npm install --save react-luxbar

Demo

Demo

API

Navbar

Prop Type Default Options Description
backgroundColor String:Color Navbar background color
className String Custom classNames for Navbar
color String:Color white Navbar color text
hoverColor String:Color white Navbar items hover color
onToggle Function(status) Callback for navbar toggles
position string fixed 'fixed', 'fixedBottom', 'static' Navbar position
rtl Bool true true, false Options right to left

Navbar.Option

Prop Type Default Options Description
className String Custom classNames for Navbar.Option

Navbar.Logo

Prop Type Default Options Description
className String Custom classNames for Navbar.Option

Usage

import React, { Component } from 'react'
import Navbar from 'react-luxbar'

class Example extends Component {
  render () {
    return (
         <Navbar>
            <Navbar.Logo>
                <a href="index.html">
                <span>Brand</span>
                </a>
            </Navbar.Logo>
            <Navbar.Option>
                <a href="https://google.com">Google</a>
            </Navbar.Option>
        </Navbar>
    )
  }
}

Credits

Luxbar

License

MIT © bernagl