> For the complete documentation index, see [llms.txt](https://docs.navigaglobal.com/writer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navigaglobal.com/writer/api-reference/uicomponents/uiiconbuttonmenu.md).

# UIIconButtonMenu

**Since**: 7.1.0

| Name                    | Type             | Default                 | Description                                                            |
| ----------------------- | ---------------- | ----------------------- | ---------------------------------------------------------------------- |
| icon                    | `string`         |                         | **Required** - Name of the icon                                        |
| size                    | `string`         | `""normal""`  | Size of button                                                         |
| tyoe                    | `string`         | `""default""` | Type of button look. UIIconButton for variations                       |
| list                    | `object`         |                         | **Required** - Menu list object                                        |
| list.header             | `string`         |                         | Header for menu                                                        |
| list.type               | `string`         |                         | Alternative plain for none selected presentation                       |
| list.width              | `number`         |                         | If you really want to specified width of menu element. Not recommended |
| list.horizontalPosition | `string`         | `""right""`   | List position against button                                           |
| list.items              | `Array.<object>` |                         | **Required** - Menu items                                              |
| list.items.text         | `string`         |                         | **Required** - Menu item text                                          |
| list.items.selected     | `boolean`        | `false`                 | If menu item is selected                                               |
| list.items.onClick      | `function`       |                         | **Required** - onClick callback                                        |

### Example

```js
import {UIIconButtonMenu} from 'writer'

render($$) {
    const el = $$('div')

    return el.append(
        $$(UIIconButtonMenu, {
             icon: 'navigation-menu-horizontal-bold',
             list: {
               items: [
                 { name: 'Menu item 1', selected: true, onClick: () => { ... }},
                 { name: 'Menu item 2', onClick: () => { ... }}
               ]
             }
        })
    )
}
```