Tooltip

[bkTooltip], a directive, not a component: drop it on anything. Content can be a string or a list of lines; empty content means no tooltip at all.

Messaging and overlaysAngular

Preview

A working preview of Tooltip in the Brickclay style. Try it.

Tooltip on the topTooltip on the bottomTooltip on the leftTooltip on the rightLine one of a longer tooltip.
Line two keeps going.
Line three, and so on.

Interact with the preview to see events here.

API reference

Input	Type	Default	Description
`bkTooltip`	`string \| string[]`	`''`	Content. Empty (or all-blank array) suppresses the tooltip entirely.
`bkTooltipPosition`	`'left'\|'right'\|'top'\|'bottom'`	`'right'`	Auto-flips if it would run off screen.
`bkTooltipScrollable / bkTooltipMaxHeight`	boolean / string	`false / '300px'`	Caps height and scrolls long content instead of overflowing.
`bkTooltipSize`	`'sm' \| 'md'`	`'md'`	Padding/font size.