Tooltips

Basic tooltip

Hover over this text

<div aria-describedby="tooltip" bind:this={buttonEl}>
	Hover over this text
</div>
{#if buttonEl}
	<Tooltip anchor={buttonEl} id="tooltip">
		This is a basic tooltip
	</Tooltip>
{/if}

Button with tooltip

Buttons have built-in support for tooltips. You can simply set the title attribute.

<Button title="This is a button tooltip">
	Hover over this button
</Button>