BwTooltip | bw-tooltip

Overview

Tooltip is an overlay that displays a message when hovering over an element. It differs from a popover in that it is not interactive.

Show Tooltip

<bw-tooltip content="Here's a tooltip">
  <bw-button>Show Tooltip</bw-button>
</bw-tooltip>

Property	Attribute	Description	Type	Default
`content`	`content`	The content of the tooltip	`string`	`undefined`
`offsetX`	`offset-x`	Horizontal offset used when auto positioning the popover content	`number`	`0`
`offsetY`	`offset-y`	Vertical offset used when auto positioning the popover content	`number`	`10`

Slot	Description
	The trigger for the tooltip goes in the default slot
`"content"`	The content of the tooltip

Name	Description
`--background`	The background color of the tooltip.
`--border`	The border of the tooltip.
`--color`	The color of the tooltip.
`--padding`	The padding of the tooltip.
`--radius`	The radius of the tooltip.