Menu
Use Menu to display a list of actions that can be performed on a resource.
Anchor to propertiesProperties
- Anchor to accessibilityLabelaccessibilityLabelstring
A label that describes the purpose or contents of the element. When set, it will be announced using assistive technologies and provide additional context.
Was this section helpful?
Code
<s-button commandFor="customer-menu">Edit customer</s-button>
<s-menu id="customer-menu" accessibilityLabel="Customer actions">
<s-button icon="merge">Merge customer</s-button>
<s-button icon="incoming">Request customer data</s-button>
<s-button icon="delete" tone="critical">Delete customer</s-button>
</s-menu>
Examples
Code
Default
<s-button commandFor="customer-menu">Edit customer</s-button> <s-menu id="customer-menu" accessibilityLabel="Customer actions"> <s-button icon="merge">Merge customer</s-button> <s-button icon="incoming">Request customer data</s-button> <s-button icon="delete" tone="critical">Delete customer</s-button> </s-menu>