!Built With Stencil


!Platform - Platform Free Web

Basic Tooltip Screenshots

Custom Image Screenshot

Custom Slot (Children) Screenshot (Your own design)

Live Codepen Example

Installation

$3

- Put a script tag similar to this in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

$3

- Run npm install @paraboly/pwc-tooltip --save
- Put a script tag similar to this in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

$3

- Run npm install @paraboly/pwc-tooltip --save
- Add an import to the npm packages import @paraboly/pwc-tooltip;
- Then you can use the element anywhere in your template, JSX, html etc

Usage

Basic Tooltip Usage

``html
tooltip-alignment="bottom"
tooltip-text="Basic Tooltip"
>
`

Custom Image Tooltip Usage

`html
source-width="100"
source-height="100"
tooltip-alignment="bottom"
tooltip-text="Custom Image Source"
tooltip-source="../../assets/blog.svg"
>

`

Custom Children Design (Slot) Usage

`html
tooltip-alignment="right"
tooltip-text=""
background-color="transparent"
>




``

Authors

FreakyCoder, kuray.ogun@paraboly.com | kurayogun@gmail.com

License

WebComponent PWC PWC Tooltip is available under the MIT license. See the LICENSE file for more info.