TarasFilatov Posted October 3 Share Posted October 3 In this 3 minute video we explain how to quickly get your first Ethora powered web app running. This supports React and vanilla Javascript. How to use Ethora Chat Component NPM package npm create vite@latest select name of project, select type (react/js) cd project-name npm i npm i @ethora/chat-component go to file src/App.tsx and replace it with this code: import { Chat } from "projecet-2-ccomp"; import "./App.css"; function App() { return ( <Chat /> ); } export default App; Video demo (optional) Implementing custom CSS styles Use the below example to add custom styles in your app: <Chat config={{ disableHeader: true, disableMedia: true, colors: { primary: "#4287f5", secondary: "#42f5e9" }, }} MainComponentStyles={{ width: "100%", height: "500px", borderRadius: "16px", border: "1px solid #42f5e9", }} /> Quote Link to comment Share on other sites More sharing options...
Question
TarasFilatov
In this 3 minute video we explain how to quickly get your first Ethora powered web app running.
This supports React and vanilla Javascript.
How to use Ethora Chat Component NPM package
Video demo
(optional) Implementing custom CSS styles
Use the below example to add custom styles in your app:
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.