mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 19:01:05 +00:00
040e3d3372* feat(icons): inline carbon icons used by components * feat(icons): update svelte components to use inlined carbon icons * breaking(deps): remove carbon-icons-svelte * chore(deps-dev): install carbon-icons-svelte as a devDependency
24 lines
571 B
Svelte
24 lines
571 B
Svelte
<script>
|
|
/** @extends {"../OverflowMenu/OverflowMenu.svelte"} OverflowMenuProps */
|
|
|
|
import { getContext } from "svelte";
|
|
import Settings16 from "../icons/Settings16.svelte";
|
|
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>
|