useDropdownToggle

Create custom dropdown toggles without the extra component with useDropdownToggle. Make sure to spread through the returned props. Accessible Toggles should also provide an id to the HTML element that is rendered.

import { useDropdownToggle } from "react-overlays";
const Toggle = ({ id, children }) => {
  const [props, { show, toggle }] = useDropdownToggle();
  return (
    <button
      id={id}
      type="button"
      className="btn"
      {...props}
      onClick={toggle}
    >
      I'm a toggle ⌄
    </button>
  );
};
<Toggle />;

#API

• #

  useDropdownToggle() => [UseDropdownToggleProps, UseDropdownToggleHelpers]

  Wires up Dropdown toggle functionality, returning a set a props to attach to the element that functions as the dropdown toggle (generally a button).

  Return Value

  [UseDropdownToggleProps, UseDropdownToggleHelpers]