React

import { launch } from "@web-kits/springboard";
import { useOrigin } from "@web-kits/springboard/react";

function Notes() {
  const button = useRef<HTMLButtonElement>(null);
  const [open, setOpen] = useState(false);
  const note = useOrigin({ from: button, effect: launch(), open });
  return (
    <>
      <button ref={button} onClick={() => setOpen(true)}>
        New Note
      </button>
      <div ref={note} className="note">
        …
      </div>
    </>
  );
}