Elemental.Feedback.Tooltip (elemental v0.3.1)

Exposing Daisy tooltips as Phoenix components.

Usage

<.tooltip tip="Tooltip value.">
  Something with a tooltip.
</.tooltip>

Summary

Functions

Provides a Phoenix functional component wrapping the tooltip CSS based component.

Functions

tooltip(assigns)

Provides a Phoenix functional component wrapping the tooltip CSS based component.

Wraps a given inner slot with a div defining the tooltip attribute, and maps the given attributes to useful tooltip properties.

Attributes

  • tip (:string) (required) - The text of the tooltip to display.
  • position (:string) - The positioning of the tooltip. Defaults to "top".
  • color (:string) - The color to use for the tooltip.Must be one of "ghost", "neutral", "primary", "secondary", "accent", "info", "success", "warning", or "error".
  • open (:boolean) - Where to have the tooltip open immediately. Defaults to false.

Slots

  • inner_block (required)