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 type-list page for type information.

Related components

- Default Tooltip

- Light Tooltip

References

- Read more about Buttons

- Flowbite Tooltip