1.0.6 • Published 6 years ago

twilio-chat-item v1.0.6

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

Twilio Chat Item

Live Demo

This is a simple responsive React component for a chat.

example gif

Usage

Install latest version from npm:

npm install twilio-chat-item --save

Then, import it:

import ChatItem from 'twilio-chat-item';

Finally, use it in your React application:

import React, { Component } from 'react';
import ChatItem from 'twilio-chat-item';

class App extends Component {
  render() {
    return (
      <div>
        <ChatItem title='Arnold Shwarp' />
      </div>
    );
  }
}

export default App;

Notes: This component will import Open Sans font from google fonts.

Options

You can supply the following props to the component

Property nameTypeDefaultDescription
titlestring'Harry Robinson'First line string
subtitlestring'Online | 14h'Second line string
urlstring'https://via.placeholder.com/150x150'Image URL
statusColorstring'green'Color of status dot
minWidthstring'auto'minimum width of the component
maxWidthstring'180px'maximum width of the component
1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago