Sprix logo

Tooltip

A concise label or hint shown on hover or focus.

The Tooltip Component

Basic Usage

Code Snippet

<script lang="ts">		import { Button, Tooltip } from '$lib/components';	</script> 	<Tooltip text="Copy launch link" class="inline-flex">		<Button role="secondary" variant="outline" icon="link" ariaLabel="Copy launch link" />	</Tooltip>

Examples

Custom Content

Use a small content block when the hint needs more than a single line.