Light Tooltip
LigtTootip top
My tooltip content
<script>
import {LightTooltip, Button} from 'flowbite-svelte'
</script>
<LightTooltip tip="My tooltip content" top>
<Button />
</LightTooltip>
LightTooltip bottom
My tooltip content
<script>
import {LightTooltip, Button} from 'flowbite-svelte'
</script>
<LightTooltip tip="My tooltip content" bottom>
<Button />
</LightTooltip>
LightTooltip right
My tooltip content
<script>
import {LightTooltip, Button} from 'flowbite-svelte'
</script>
<LightTooltip tip="My tooltip content" right>
<Button />
</LightTooltip>
LightTooltip left
My tooltip content
<script>
import {LightTooltip, Button} from 'flowbite-svelte'
</script>
<LightTooltip tip="My tooltip content" left>
<Button />
</LightTooltip>
Props
The component has the following props, type, and default values. See types page for type information.
| Name | Type | Default |
|---|---|---|
| tip | string | |
| top | boolean | false |
| right | boolean | false |
| bottom | boolean | false |
| left | boolean | false |
| active | boolean | false |