apeman-react-header

3.1.3 • Public • Published

apeman-react-header

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for header components.

Installation

$ npm install apeman-react-header --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'
 
import React from 'react'
import {ApHeader, ApHeaderStyle} from 'apeman-react-header'
 
const ExampleComponent = React.createClass({
  render () {
    const s = this
    let { state } = s
    return (
      <div>
        <ApHeaderStyle/>
        <ApHeader>
          <ApHeaderLogo>MyLogo</ApHeaderLogo>
          <ApHeaderTab>
            <ApHeaderTabItem href='#Foo' onTap={ () => { s.selectTab('FOO') } }
                             selected={ state.tab === 'FOO'}>FOO</ApHeaderTabItem>
            <ApHeaderTabItem href='#Bar' onTap={ () => { s.selectTab('BAR') } }
                             selected={ state.tab === 'BAR'}>BAR</ApHeaderTabItem>
            <ApHeaderTabItem href='#Baz' onTap={ () => { s.selectTab('BAZ') } }
                             selected={ state.tab === 'BAZ'}>BAZ</ApHeaderTabItem>
          </ApHeaderTab>
        </ApHeader>
      </div>
    )
  },
  selectTab (tab) {
    const s = this
    s.setState({ tab: tab })
  }
})
 

Components

ApHeaderDropdownItem

Props

Name Type Default Description

ApHeaderDropdown

Props

Name Type Default Description

ApHeaderLogo

Props

Name Type Default Description
href string '/'

ApHeaderMenuItem

Props

Name Type Default Description

ApHeaderMenu

Props

Name Type Default Description

ApHeaderStyle

Props

Name Type Default Description

ApHeaderTabItem

Props

Name Type Default Description

ApHeaderTab

Props

Name Type Default Description

ApHeader

Props

Name Type Default Description

License

This software is released under the MIT License.

Links

Package Sidebar

Install

npm i apeman-react-header

Weekly Downloads

7

Version

3.1.3

License

MIT

Last publish

Collaborators

  • okunishinishi