status-im
/
status-chat-widget
mirror of https://github.com/status-im/status-chat-widget.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-chat-widget/README.md

32 lines
857 B
Markdown
Raw Permalink Normal View History

update readme instructions
2019-04-11 02:06:57 +00:00
# Status Chat Widget
improve styling; add autoscroll
2019-04-11 00:51:29 +00:00
update readme instructions
2019-04-11 02:06:57 +00:00
Easily embed a status chat in your website.
update readme
2019-04-12 15:13:26 +00:00
### Screenshot
![widget](https://notes.status.im/uploads/upload_a087221ad1f8dc5c34654d57a2e3d071.png)
update readme instructions
2019-04-11 02:06:57 +00:00
### Usage
Copy paste the following snippet to your website
improve styling; add autoscroll
2019-04-11 00:51:29 +00:00
Update README.md
2019-04-11 02:07:50 +00:00
```Html
<link rel="stylesheet" href="https://status-im.github.io/status-chat-widget/themes/status.css">
improve styling; add autoscroll
2019-04-11 00:51:29 +00:00
<script src="https://status-im.github.io/status-chat-widget/dist/js/statuswidget.js"></script>
<div id="status-chat-widget"></div>
update readme
2019-04-11 02:08:53 +00:00
<script>StatusWidget("your-channel-name", document.getElementById("status-chat-widget"));</script>
improve styling; add autoscroll
2019-04-11 00:51:29 +00:00
```
update readme instructions
2019-04-11 02:06:57 +00:00
Modify `your-channel-name` to your channel of choice
And you're done!
update readme
2019-04-12 15:13:26 +00:00
### Theme
The chat theme can be customized by replacing the css link with your own css file:
```Html
<link rel="stylesheet" href="https://status-im.github.io/status-chat-widget/themes/status.css">
```