> For the complete documentation index, see [llms.txt](https://3merge.gitbook.io/q3/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://3merge.gitbook.io/q3/client/ui/submenu.md).

# SubMenu

Full-width popper-style drop-down menu components

### Example

```jsx
import React from 'react';
import SubMenu, { SubMenuItem } from 'q3-ui/lib/SubMenu';

const CustomDropDownOption = () => (
  <p>I'll show up on click!</p>
);

const SampleSubMenu = () => (
  <SubMenu>
    <SubMenuItem label="DropDown" renderer={CustomDropDownOption} />
  </SubMenu>
);
```

### API

| Prop       | Description                                              | Type     |
| ---------- | -------------------------------------------------------- | -------- |
| `label`    | Populate's the dropdown button's text                    | string   |
| `renderer` | Custom rendering function for inside the dropdown popper | function |