--- schema_version: "1" id: 13db3969bdc2a376e66df74475430f40620cb78d379781dd515bc346d00fa4de title: Menu Lightning Web Component ReadMe (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_menu_lightning_web_component_readme.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_menu_lightning_web_component_readme.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: af6ecd434165bedd09e5da6a8f52302d86e5b7eb8f53c8dd24cfb68ecb4b1106 description: For the managed package runtime, this page contains a Menu LWC ReadMe for each Vlocity release. products: - Omnistudio release: "264" --- # Menu Lightning Web Component ReadMe (Managed Package) For the managed package runtime, this page contains a Menu LWC ReadMe for each Vlocity release. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). ## Vlocity Insurance and Health Summer '20 The _Menu Lightning Web Component_ creates a menu from the list of menu items provided. ## Available c-menu Attributes

Attribute

Value

Type

Required

Description

checked

single, multiple, true, false (Default: false)

string

  

To create a menu with multi selectable or single selectable items, set this value.

disabled

true, false (Default: false)

boolean

  

To disable menu, set to false.

extra-class

  

value:string

  

sets the class for menu

icon-name

(Format: standard:arrow) (Default: utility:down)

string

  

Sets the icon for the menu. See SLDS icons.

icon-position

right, left (Default: left)

string

  

Sets icon position for the menu.

icon-size

xx-small, x-small, small, large (Default: xx-small)

string

  

Sets the icon size for the button element inside menu.

menuItems

  

Array

  

Adds the MenuItem LWC inside the Menu LWC.

overflow

true, false (Default: false)

boolean

    

position

left, right, bottom (Default: left)

string

  

Sets the position of the dropdown menu.

record

  

Object

  

Provides the record from which to interpolate the field values.

size

xx-small, x-small, small, medium, large

string

  

Sets the size of dropdown menu.

theme

slds, nds (Default: slds)

    

Sets the theme for the menu.

type

action

string

  

To create a menu where each item is a link that performs an action, set attribute to action.

variant

  

string

  

Sets the style of the menu button based on the typesupported by the chosen theme. For example, success, brand, and so on.
## Example menuItems Array ``` [{ name: name, label: "Action", iconName: "standard-default", actionData: {} }] ``` ## Example c-menu Component ``` ``` ``` ``` ## Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20 The _Menu Lightning Web Component_ creates a menu from the list of menu items provided. ## Available c-menu Attributes

Attribute

Value

Type

Required

Description

checked

single, multiple, true, false (Default: false)

string

  

To create a menu with multi selectable or single selectable items, set this value.

icon-name

(Format: standard:arrow) (Default: utility:down)

string

  

Sets the icon for the menu. See SLDS icons.

icon-position

right, left (Default: left)

string

  

Sets icon position for the menu.

icon-size

xx-small, x-small, small, large (Default: xx-small)

string

  

Sets the icon size for the button element inside menu.

overflow

true, false (Default: false)

boolean

    

position

left, right, bottom (Default: left)

string

  

Sets the position of the dropdown menu.

size

xx-small, x-small, small, medium, large

string

  

Sets the size of dropdown menu.

theme

slds, nds (Default: slds)

    

Sets the theme for the menu.

type

action

string

  

To create a menu where each item is a link that performs an action, set attribute to action.
## Example c-menu Component ``` ``` ``` ``` ## Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19 The _Menu Lightning Web Component_ creates a menu from the list of menu items provided. ## Available c-menu Attributes

Attribute

Value

Type

Required

Description

checked

single, multiple, true, false (Default: false)

string

  

To create a menu with multi selectable or single selectable items, set this value.

icon-name

(Format: standard:arrow) (Default: utility:down)

string

  

Sets the icon for the menu. See SLDS icons.

icon-position

right, left (Default: left)

string

  

Sets icon position for the menu.

overflow

true, false (Default: false)

boolean

    

position

left, right, bottom (Default: left)

string

  

Sets the position of the dropdown menu.

size

xx-small, x-small, small, medium, large

string

  

Sets the size of dropdown menu.

theme

slds, nds (Default: slds)

    

Sets the theme for the menu.

type

action

string

  

To create a menu where each item is a link that performs an action, set attribute to action.
## Example c-menu Component ``` ``` ``` ```