npm install @schedkit/react

import { SchedKitEmbed } from '@schedkit/react';

export default function Page() {
  return (
    <SchedKitEmbed
      user="acme"
      event="discovery"
      height={750}
    />
  );
}

import { SchedKitEmbed } from '@schedkit/react';

export default function Hero() {
  return (
    <SchedKitEmbed
      user="acme"
      event="discovery"
      mode="popup"
      label="Schedule a call"
      onBooked={(data) => console.log('Booked!', data)}
    />
  );
}

import { SchedKitEmbed } from '@schedkit/react';

// Drop anywhere in your app - renders a
// sticky corner button, works on any page
<SchedKitEmbed
  user="acme"
  event="discovery"
  mode="widget"
  label="Request assignment"
  corner="bottom-right"
/>

<!-- Works on any site, no npm required -->
<iframe
  src="https://schedkit.net/assign/acme/discovery"
  width="100%"
  height="750"
  frameborder="0"
  style="border-radius:12px"
></iframe>