gpx.studio/website/src/lib/components/Tooltip.svelte

<script lang="ts">
	import * as Tooltip from '$lib/components/ui/tooltip/index.js';

	export let side: 'top' | 'right' | 'bottom' | 'left' = 'top';
</script>

<Tooltip.Root>
	<Tooltip.Trigger>
		<slot name="data" />
	</Tooltip.Trigger>
	<Tooltip.Content {side}>
		<slot name="tooltip" />
	</Tooltip.Content>
</Tooltip.Root>
file tabs 2024-04-19 16:13:08 +02:00			`<script lang="ts">`
			`import * as Tooltip from '$lib/components/ui/tooltip/index.js';`
toggle additional data on elevation profile 2024-04-21 16:40:28 +02:00
			`export let side: 'top' \| 'right' \| 'bottom' \| 'left' = 'top';`
file tabs 2024-04-19 16:13:08 +02:00			`</script>`

			`<Tooltip.Root>`
			`<Tooltip.Trigger>`
			`<slot name="data" />`
			`</Tooltip.Trigger>`
toggle additional data on elevation profile 2024-04-21 16:40:28 +02:00			`<Tooltip.Content {side}>`
file tabs 2024-04-19 16:13:08 +02:00			`<slot name="tooltip" />`
			`</Tooltip.Content>`
			`</Tooltip.Root>`