mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 03:26:36 +00:00
24 lines
583 B
Svelte
24 lines
583 B
Svelte
<script>
|
|
/** @extends {"../OverflowMenu/OverflowMenu.svelte"} OverflowMenuProps */
|
|
|
|
import { getContext } from "svelte";
|
|
import Settings from "../icons/Settings.svelte";
|
|
import OverflowMenu from "../OverflowMenu/OverflowMenu.svelte";
|
|
|
|
const ctx = getContext("Toolbar");
|
|
|
|
let menuRef = null;
|
|
|
|
$: ctx.setOverflowVisible(menuRef != null);
|
|
$: if (menuRef) menuRef.style.top = "100%";
|
|
</script>
|
|
|
|
<OverflowMenu
|
|
bind:menuRef
|
|
icon="{Settings}"
|
|
{...$$restProps}
|
|
class="cds--toolbar-action cds--overflow-menu {$$restProps.class}"
|
|
flipped
|
|
>
|
|
<slot />
|
|
</OverflowMenu>
|