Files
dbgate/packages/web/src/buttons/ToolStripDropDownButton.svelte
2022-02-12 18:08:25 +01:00

26 lines
674 B
Svelte

<script lang="ts">
import FontIcon from '../icons/FontIcon.svelte';
import { currentDropDownMenu } from '../stores';
import ToolStripButton from './ToolStripButton.svelte';
export let menu;
export let title = undefined;
export let label;
export let icon;
export let component = ToolStripButton;
function handleClick(e) {
const rect = e.detail.target.getBoundingClientRect();
const left = rect.left;
const top = rect.bottom;
currentDropDownMenu.set({ left, top, items: menu });
}
</script>
<svelte:component this={component} {title} {icon} on:click={handleClick}>
{label}
<FontIcon icon="icon chevron-down" />
</svelte:component>