parent

Description

Optional. An optional HTML reference used as a menu parent

Usage

parent?: HTMLElement;

Example

import { useState } from "react";

function Example() {
  const [menu1, setMenu1] = useState<HTMLElement | null>(null);

  return (
    <>
      <Button type="primary" onClick={ev => setMenu1(ev.currentTarget as HTMLElement)}>
        Click me (bottom menu)
      </Button>

      {menu1 && (
        <Portal>
          <Menu options={options} parent={menu1} onClick={clicked} />
        </Portal>
      )}
    </>
  );
}

Related article: Setting the parent of Menu

Related sample: Menu basic