Tooltip
Leverage tooltips that effortlessly incorporate both text and images. Customize the trigger and animation options to seamlessly integrate these versatile tooltips within a Markdown Block, enhancing the visual appeal and interactivity of your content.
Hover Tip
At the bottom of the Article page, a designated field is employed for creating tooltips. Using a custom Kirbytag (tooltip) and specifying the Tooltip ID (tip-1), a button is automatically generated, providing access to the corresponding tooltip content.
The KirbyTag:
(tooltip: tip-1
text: button
icon: info-circle
class:block)Click Tip
By default, a Tooltip is triggered on ‘hover’, but an alternative option is ‘click’. You can further customize the animation by specifying ‘scale’, ‘in’, or ‘out’; the default animation is ‘fade’. This flexibility allows you to tailor the tooltip behavior to suit your specific preferences.
Animate: scale
Animate: in
Animate: out
The KirbyTag:
(tooltip: tip-2
text: Tooltip 2
trigger: click
animate: scale
icon: zoom-in)
