apeman-react-notice

3.0.1 • Public • Published

apeman-react-notice

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for notice components

Installation

$ npm install apeman-react-notice --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'
 
import React from 'react'
import {ApNotice, ApNoticeStyle} from 'apeman-react-notice'
 
const ExampleComponent = React.createClass({
  render () {
    const s = this
    return (
      <div>
        <ApNoticeStyle />
        <ApNotice>
          <ApNoticeItem text="Are you sure to do that?"
                        actions={
                        {
                            'YES': s._handleYes  ,
                            'NO':s._handleNo
                        }
                    }/>
        </ApNotice>
      </div>
    )
  },
 
  _handleYes() {
    /* ... */
  },
 
  _handleNo() {
    /* ... */
  }
})
 
 

Components

ApNoticeItem

Props

Name Type Default Description
text string null
actions object null
hidden bool false
level enum 'DEFAULT'

ApNoticeStyle

Props

Name Type Default Description
style object {}
highlightColor string ApStyle.DEFAULT_HIGHLIGHT_COLOR
backgroundColor ApStyle.DEFAULT_BACKGROUND_COLOR
normalColor ApStyle.NORMAL_COLOR
infoColor ApStyle.INFO_COLOR
warnColor ApStyle.WARN_COLOR
errorColor ApStyle.ERROR_COLOR

ApNotice

Props

Name Type Default Description
spinning bool false
spinner string ApSpinner.DEFAULT_THEME

License

This software is released under the MIT License.

Links

Package Sidebar

Install

npm i apeman-react-notice

Weekly Downloads

7

Version

3.0.1

License

MIT

Last publish

Collaborators

  • okunishinishi