## Examples

### Simple (responsive)


import OverflowMenuSimple from "./OverflowMenuSimple.tsx?raw"

<LiveExample src={OverflowMenuSimple} />

### Group types


import OverflowMenuGroupTypes from "./OverflowMenuGroupTypes.tsx?raw"

<LiveExample src={OverflowMenuGroupTypes} />

### Multiple groups


import OverflowMenuMultiGroup from "./OverflowMenuMultiGroup.tsx?raw"

<LiveExample src={OverflowMenuMultiGroup} />

### Persistent


import OverflowMenuPersistent from "./OverflowMenuPersistent.tsx?raw"

<LiveExample src={OverflowMenuPersistent} />

### Breakpoint on container

By passing in the `breakpointReference` property, the overflow menu's breakpoint will be relative to the width of the reference container rather than the viewport width.

You can change the container width in this example by adjusting the slider. As the container width changes, the overflow menu will change between a horizontal menu and a vertical dropdown despite the viewport width not changing.


import OverflowMenuBreakpointOnContainer from "./OverflowMenuBreakpointOnContainer.tsx?raw"

<LiveExample src={OverflowMenuBreakpointOnContainer} />