status-chat-widget

mirror of https://github.com/status-im/status-chat-widget.git synced 2025-02-22 17:28:25 +00:00

Go to file

dependabot[bot] d3f987478c

Bumps [json5](https://github.com/json5/json5) from 1.0.1 to 1.0.2.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v1.0.1...v1.0.2)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

2023-01-07 04:33:40 +00:00

dist

feat: new build

2019-04-10 22:54:06 -04:00

src

feat: identicon

2019-04-10 22:52:54 -04:00

themes

feat: identicon

2019-04-10 22:52:54 -04:00

.gitignore

initial commit

2019-04-09 17:22:27 -04:00

index.html

make css changes a theme

2019-04-10 22:04:36 -04:00

package.json

feat: identicon

2019-04-10 22:52:54 -04:00

README.md

update readme

2019-04-12 11:13:26 -04:00

webpack.config.js

rename generated dist file

2019-04-10 15:59:20 -04:00

yarn.lock

Bump json5 from 1.0.1 to 1.0.2

2023-01-07 04:33:40 +00:00

README.md

Easily embed a status chat in your website.

Screenshot

Usage

Copy paste the following snippet to your website

  <link rel="stylesheet" href="https://status-im.github.io/status-chat-widget/themes/status.css">
  <script src="https://status-im.github.io/status-chat-widget/dist/js/statuswidget.js"></script>
  <div id="status-chat-widget"></div>
  <script>StatusWidget("your-channel-name", document.getElementById("status-chat-widget"));</script>

Modify your-channel-name to your channel of choice

And you're done!

Theme

The chat theme can be customized by replacing the css link with your own css file:

  <link rel="stylesheet" href="https://status-im.github.io/status-chat-widget/themes/status.css">

README.md

Status Chat Widget

Screenshot

Usage

Theme