Apeman-react-chat NPM

apeman-react-chat

apeman react package for chat components.

Installation

$ npm install apeman-react-chat --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApChat, ApChatItem, ApChatStyle} from 'apeman-react-chat'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApChatStyle />
        <ApChat>
          <ApChatItem text="こんにちは"/>
          <ApChatItem text={
`
　むかしむかし、あるところに、おじいさんとおばあさんが住んでいました。
　おじいさんは山へしばかりに、おばあさんは川へせんたくに行きました。
　おばあさんが川でせんたくをしていると、ドンブラコ、ドンブラコと、大きな桃が流れてきました。
「おや、これは良いおみやげになるわ」
　おばあさんは大きな桃をひろいあげて、家に持ち帰りました。
　そして、おじいさんとおばあさんが桃を食べようと桃を切ってみると、なんと中から元気の良い男の赤ちゃんが飛び出してきました。
`
          }/>
        </ApChat>
      </div>
    )
  }
})