Light Tooltip

LigtTootip top

<script>
import {LightTooltip, Button} from 'flowbite-svelte'
</script>

<LightTooltip tip="My tooltip content" top>
  <Button />
</LightTooltip>

LightTooltip bottom

<script>
import {LightTooltip, Button} from 'flowbite-svelte'
</script>

<LightTooltip tip="My tooltip content" bottom>
  <Button />
</LightTooltip>

LightTooltip right

<script>
import {LightTooltip, Button} from 'flowbite-svelte'
</script>

<LightTooltip tip="My tooltip content" right>
  <Button />
</LightTooltip>

LightTooltip left

<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

References

- Read more about Buttons

- Flowbite Tooltip