Tooltip — Playground

px
placement
html.html
<button kuiButton type="button" [kuiTooltip]="'Save the current draft'">
  Save
</button>
NameTypeDefaultDescription
[kuiTooltip]string''Tooltip text content. Empty or whitespace-only text does not render a tooltip.
placement'top' | 'bottom' | 'left' | 'right''top'Preferred placement relative to the trigger. The CDK overlay can still adjust.
role'tooltip''tooltip'The floating element is exposed as a tooltip while it exists.
aria-describedbystring | nullnullApplied only while the tooltip is visible, preventing stale removed ids.
CSS variables--kui-tooltip-*-Controls padding, radius, colors, and shadow through documented tooltip tokens.

Inputs verified against @kikita-labs/ui v1.6.1 public typings.