View Source Tremorx.Components.Tooltip (tremorx v0.1.1)

Uses tippy.js to show a tooltip

Summary

Functions

Renders a tooltip around the child element

Functions

Renders a tooltip around the child element

Attributes

  • id (:string) - Defaults to "tooltip".
  • content (:any) - The content of the tippy. Defaults to "My tooltip".
  • placement (:string) - The tooltip placement in relation with the reference element. Defaults to "top".
  • animation (:string) - The transition animation of the tooltip. Defaults to "fade".
  • theme (:string) - The theme of the tooltip. Defaults to "translucent".
  • arrow (:boolean) - Whether to display the tooltip arrow. Defaults to true.
  • arrow_type (:string) - The arrow type displayed by the tooltip. Defaults to "round".
  • size (:string) - The size of the tooltip. Defaults to "regular".
  • touch (:boolean) - Whether to allow touch events for the tooltip. Defaults to true.
  • Global attributes are accepted. Other attributes can be passed to tippy using data-tippy-* attributes.

Slots

  • inner_block