PhoenixDuskmoon.Component.Tooltip (PhoenixDuskmoon v7.2.1)

View Source

Tooltip component for displaying additional information on hover.

Examples

<.dm_tooltip content="Click to save changes">
  <.dm_btn variant="primary">Save</.dm_btn>
</.dm_tooltip>

<.dm_tooltip content="This action cannot be undone" position="bottom" color="warning">
  <.dm_btn variant="error">Delete</.dm_btn>
</.dm_tooltip>

<.dm_tooltip content="Press Ctrl+S to save" position="right" color="info">
  <.dm_mdi>information</.dm_mdi>
</.dm_tooltip>

Attributes

  • content - Tooltip text content (required)
  • position - Tooltip position: top, bottom, left, right (default: top)
  • color - Tooltip color: primary, secondary, accent, info, success, warning, error (default: primary)
  • open - Force tooltip to be open
  • class - Additional CSS classes
  • tooltip_class - Additional CSS classes for tooltip element

Slots

  • :inner_block - Content that triggers the tooltip (required)

Summary

Functions

dm_tooltip(assigns)

Functions

dm_tooltip(assigns)

Attributes

  • content (:string) (required)
  • position (:string) - Defaults to "top". Must be one of "top", "bottom", "left", or "right".
  • color (:string) - Defaults to "primary". Must be one of "primary", "secondary", "accent", "info", "success", "warning", or "error".
  • open (:boolean) - Defaults to false.
  • class (:string) - Defaults to nil.
  • tooltip_class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)