calcom/packages/embeds/embed-react/test-cal.tsx
Hariom Balhara 39935306fc
Embed behind authentication page, Floating Button Popup and other changes (#2468)
Co-authored-by: Omar López <zomars@me.com>
2022-04-14 08:17:34 +05:30

26 lines
645 B
TypeScript

import ReactDom from "react-dom";
import Cal from "@calcom/embed-react";
function App() {
return (
<>
<h1>
There is <code>Cal</code> component below me
</h1>
<Cal
calOrigin="http://localhost:3000"
embedJsUrl="//localhost:3002/dist/embed.umd.js"
calLink="pro"
config={{
name: "John Doe",
email: "johndoe@gmail.com",
notes: "Test Meeting",
guests: ["janedoe@gmail.com"],
theme: "dark",
}}></Cal>
<button data-cal-link="pro">Popup</button>
</>
);
}
ReactDom.render(<App></App>, document.getElementById("root"));