sling-web-component-tooltip

Sling Tooltip

Usage no npm install needed!

<script type="module">
  import slingWebComponentTooltip from 'https://cdn.skypack.dev/sling-web-component-tooltip';
</script>

README

sling-web-component-tooltip

The tooltip component is a simple and customizable tooltip that receives an text and a position.

Install

npm install sling-web-component-tooltip

Tag

<sling-tooltip></sling-tooltip>

Dependencies

sling-web-framework

Attributes and properties

Name Type Default Values ReflectToAttribute Observer callSdk
position String right :heavy_check_mark:
tooltiptext String undefined :heavy_check_mark:

Description

Name Description
position Defines where the tooltip should show.
tooltiptext Set the tooltip text.

Events

This component have no events.

Usage

The tooltip will hover the content inside the tag

<sling-tooltip position="right" tooltiptext="Tooltip">Hover me</sling-tooltip>