26 lines
752 B
TypeScript
26 lines
752 B
TypeScript
|
/* First make sure that you have installed the package */
|
||
|
|
|
||
|
|
/* If you are using yarn */
|
||
|
|
// yarn add @calcom/embed-react
|
||
|
|
|
||
|
|
/* If you are using npm */
|
||
|
|
// npm install @calcom/embed-react
|
||
|
|
import { useEffect } from "react";
|
||
|
|
import * as React from "react";
|
||
|
|
import ReactDom from "react-dom";
|
||
|
|
|
||
|
|
import { getCalApi } from "./src/index";
|
||
|
|
|
||
|
|
function App() {
|
||
|
|
useEffect(() => {
|
||
|
|
(async function () {
|
||
|
|
const cal = await getCalApi("http://localhost:3000/embed/embed.js");
|
||
|
|
cal("floatingButton", { calLink: "teampro/abc", calOrigin: "http://localhost:3000" });
|
||
|
|
cal("ui", { styles: { branding: { brandColor: "#000000" } }, hideEventTypeDetails: false });
|
||
|
|
})();
|
||
|
|
}, []);
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
ReactDom.render(<App />, document.getElementById("root"));
|