apeman-react-menu

apeman react package for menu components

Usage no npm install needed!

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

README

apeman-react-menu

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for menu components

Installation

$ npm install apeman-react-menu --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

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