mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-19 11:59:34 +00:00
ba58ba8f00* chore: update ignore rules, remove unused files * refactor(icons): use icons from carbon-icons-svelte@11 * docs(time-picker): fix default value * chore: upgrade carbon-icons-svelte to v11 * docs: update examples to use icons from carbon-icons-svelte@11 * docs: update number of icons [ci skip]
24 lines
581 B
Svelte
24 lines
581 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="bx--toolbar-action bx--overflow-menu {$$restProps.class}"
|
|
flipped
|
|
>
|
|
<slot />
|
|
</OverflowMenu>
|