apeman-react-notice

apeman react package for notice components

Usage no npm install needed!

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

README

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