apeman-react-menu

apeman react package for menu components

Installation

$ npm install apeman-react-menu --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApMenu, ApMenuItem, ApMenuStyle} from 'apeman-react-menu'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApMenuStyle/>
        <ApMenu>
          <ApMenuItem icon="fa fa-support" text="Help"/>
          <ApMenuItem icon="fa fa-info-circle" text="About"/>
          <ApMenuItem icon="fa fa-sign-out" text="Logout"/>
          <ApMenuItem icon="fa fa-sun-o" text="Foo"/>
          <ApMenuItem icon="fa fa-sun-o" text="Bar"/>
          <ApMenuItem icon="fa fa-sun-o" text="Baz"/>
        </ApMenu>
      </div>
    )
  }
})

Components

ApMenuItem

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | hidden | bool | false | | |

ApMenuStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | | | highlightColor | string | ApStyle.DEFAULT_HIGHLIGHT_COLOR | | | | backgroundColor | | ApStyle.DEFAULT_BACKGROUND_COLOR | | |

ApMenu

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React