Retroui Svelte
Github

Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Docs API Reference Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/tooltip.json


Usage

		<script lang="ts">
  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
</script>
 
<Tooltip.Provider>
  <Tooltip.Root>
    <Tooltip.Trigger>Hover</Tooltip.Trigger>
    <Tooltip.Content>
      <p>Add to library</p>
    </Tooltip.Content>
  </Tooltip.Root>
</Tooltip.Provider>

Examples

Default


Primary


Solid