Function useMenu

Example

function Menu(props) {
  const selection = useFunctionOnce(createSelection);
  const { menuProps } = useMenu(props);

  return (
    <SelectionProvider value={selection}>
      <ul {...menuProps}>{props.children}</ul>
    </SelectionProvider>
  );
}

function MenuItem(props) {
  const selection = useSelection();
  const menuItemRef = useRef(null);
  const { menuItemProps } = useMenuItem(menuItemRef, selection, props);

  return (
    <li
      {...menuItemProps}
      ref={menuItemRef}
    >
      {props.children}
    </li>
  );
}

<Menu>
  <MenuItem>{'Hello'}</MenuItem>
</Menu>
Copy