# gds-context-menu

**Class**: `GdsContextMenu`

**Tag**: `<gds-context-menu>`


## Properties

| Name | Type | Default | Description |
|------|------|---------|-------------|
| `open` | `boolean` | `-` | Whether the context menu popover is open. |
| `buttonLabel` | `string` | `-` | The label for the trigger button. |
| `showLabel` | `boolean` | `-` | Whether to show the label on the trigger button. |
| `label` | `string` | `-` | The label for the popover and menu. Should describe the context of the menu. |
| `placement` | `Placement` | `-` | The placement of the popover relative to the trigger. |
| `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |
| `'margin-inline'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-inline` property. Only accepts space tokens. |
| `'margin-block'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-block` property. Only accepts space tokens. |
| `'align-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `align-self` property. Supports all valid CSS `align-self` values. |
| `'justify-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `justify-self` property. Supports all valid CSS `justify-self` values. |
| `'place-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `place-self` property. Supports all valid CSS `place-self` values. |
| `'grid-column'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-column` property. Supports all valid CSS grid-column values. Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column |
| `'grid-row'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-row` property. Supports all valid CSS `grid-row` values. |
| `'grid-area'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-area` property. Supports all valid CSS `grid-area` values. |
| `flex` | `string \| undefined` | `-` | Style Expression Property that controls the `flex` property. Supports all valid CSS `flex` values. |
| `order` | `string \| undefined` | `-` | Style Expression Property that controls the `order` property. Supports all valid CSS `order` values. |


## Events

| Name | Type | Description |
|------|------|-------------|
| `gds-menu-item-click` | `CustomEvent<any>` | Fired when a menu item is clicked. |
| `gds-ui-state` | `CustomEvent<any>` | Fired when the menu is opened or closed. |


## Slots

| Name | Description |
|------|-------------|
| `(default)` | The default slot. Only `gds-menu-item` elements are accepted here. |
