Tip

tooltip or a hint when hovering over an element

Props

content

The tooltip content inside the drop.
"node"

dropProps

Any valid Drop prop to style the Tip drop container.
"object"

plain

Whether content should have default styling from tip.content.
truefalse

Theme

tip.content

Any valid Box property for the Tip container. Not applicable when using Tip plain prop.

{
  "background": "background-contrast",
  "elevation": "small",
  "margin": "xsmall",
  "pad": {
    "vertical": "xsmall",
    "horizontal": "small"
  },
  "round": "small"
}

tip.drop

Any valid Drop property for the Tip.
{
  "align": {"top": "bottom"},
  "background": "none",
  "elevation": "none",
  "margin": "none"
}