mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 20:33:02 +00:00
3203e7a61f* chore(deps-dev): upgrade sveld to v0.10.2 * feat(types): regenerate types using sveld@0.10.2 * fix(types): update @extends to use .svelte extension
24 lines
579 B
Svelte
24 lines
579 B
Svelte
<script>
|
|
/** @extends {"../OverflowMenu/OverflowMenu.svelte"} OverflowMenuProps */
|
|
|
|
import { getContext } from "svelte";
|
|
import Settings16 from "carbon-icons-svelte/lib/Settings16";
|
|
import { OverflowMenu } from "../OverflowMenu";
|
|
|
|
const ctx = getContext("Toolbar");
|
|
|
|
let menuRef = null;
|
|
|
|
$: ctx.setOverflowVisible(menuRef != null);
|
|
$: if (menuRef) menuRef.style.top = "100%";
|
|
</script>
|
|
|
|
<OverflowMenu
|
|
bind:menuRef
|
|
icon="{Settings16}"
|
|
{...$$restProps}
|
|
class="bx--toolbar-action bx--overflow-menu {$$restProps.class}"
|
|
flipped
|
|
>
|
|
<slot />
|
|
</OverflowMenu>
|