🔥 react-chat-app

A UI library of react for online chat application.

Installation

npm i react-chat-app
yarn add react-chat-app

API Document

git clone https://github.com/Yaozu-Xu/react-chat-app
yarn dev
yarn install
yarn storybook
visit http://localhost:6006/

Example

``javascript
import ChatApp, {MessageList, Conversation, Profile, NavBar} from 'react-chat-app'

// Coustomize your components style
const MyMessageList = () => (

{[0, 1, 2, 3, 4].map((_, key) => (
key={${key}random}
avatarUrl={face1}
iconSvg={Replied}
title="David"
avatarStatus="online"
subtitle="onlne"
rightLabel="3 hours"
description="A long paragraph long paragraph long paragraph"
active
/>
))}

)

const MyConversation = () => (
}>
Hi, how are you

I am grand but busy working recently





See you tomorrow


)

const MyNavBar = () => (



)

const MyProfile = () => (





)

const ChatApp = () => (
navBar={MyNavBar}
sideBar={MyMessageList}
content={MyConversation}
profile={MyProfile}
/>)
``

Components Screenshots