mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
ccc733f3f7* feat(context-menu): add target prop to selectively trigger context menu * feat(context-menu): include clicked element in "open" event detail * docs(context-menu): add target, multiple target examples
31 lines
No EOL
773 B
Text
31 lines
No EOL
773 B
Text
---
|
|
components: ["ContextMenu", "ContextMenuGroup", "ContextMenuRadioGroup", "ContextMenuOption", "ContextMenuDivider"]
|
|
---
|
|
|
|
<script>
|
|
import Preview from "../../components/Preview.svelte";
|
|
</script>
|
|
|
|
In the examples, right click anywhere within the iframe.
|
|
|
|
### Default
|
|
|
|
By default, the context menu will trigger when right clicking anywhere in the `window`.
|
|
|
|
<FileSource src="/framed/ContextMenu/ContextMenu" />
|
|
|
|
### Custom target
|
|
|
|
Specify a custom `HTMLElement` using the `target` prop.
|
|
|
|
<FileSource src="/framed/ContextMenu/ContextMenuTarget" />
|
|
|
|
### Multiple targets
|
|
|
|
The `target` prop also accepts an array of elements.
|
|
|
|
<FileSource src="/framed/ContextMenu/ContextMenuTargets" />
|
|
|
|
### Radio groups
|
|
|
|
<FileSource src="/framed/ContextMenu/ContextMenuGroups" /> |