---
title: Tooltip
---

<script>
  import { Tooltip, Button } from 'slender-ui'
  import { ComponentContainer, VariantSelector, ColorSelector } from '$lib'
</script>

<ComponentContainer>
  <div class="relative">
    <Button label="Hover me!" color="primary" />
    <Tooltip text="And thou shalt be rewarded." />
  </div>

  <div slot="code">

```svelte
<script>
  import { Tooltip, Tooltip } from 'slender-ui'
</script>

<div class="relative">
  <Button label="Hover me!" color="primary" />
  <Tooltip text="And thou shalt be rewarded." />
</div>
```

  </div>
</ComponentContainer>