portal-lazy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { Suspense, lazy } from "react";
import { Portal } from "ariakit/portal";
import "./style.css";

const Button = lazy(() =>
  import("ariakit/button").then((mod) => ({ default: mod.Button }))
);

export default function Example() {
  return (
    <Suspense fallback="Loading">
      The button is rendered at the end of the document.
      <Portal>
        <Button className="button">Button</Button>
      </Portal>
    </Suspense>
  );
}