React-luxbar NPM

react-luxbar

Description

A Luxbar implementation for React.js

Installation

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

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

@infinitebrahmanuniverse/nolb-react-lu @everything-registry/sub-chunk-2566

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago