React-oneteam NPM

react-oneteam

Oneteam specific React components

yarn add react-oneteam

# or

npm i react-oneteam

Usage

// webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
      {
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'url-loader?limit=10000&mimetype=application/font-woff',
      },
      {
        test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'file-loader',
      },
    ],
  },
  ...
};

// app.js

import 'bootstrap/dist/css/bootstrap.css';
import 'react-oneteam/lib/react-oneteam.css';
import React from 'react';
import { render } from 'react-dom';
import { Avatar, Mention } from 'react-oneteam';

render(
  <div>
    <Avatar user={user} />
    <Mention>Shingo Sato</Mention>
  </div>,
  document.getElementById('root')
);