Tooltip — Playground

px
placement
triggerType
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' | undefinedundefinedPreferred placement relative to the trigger (defaults.tooltip.placement, then top). The CDK overlay can still adjust.
offsetnumber | undefinedundefinedGap in px between the trigger and the tooltip. Falls back to defaults.tooltip.offset, then 6. A static numeric string is coerced.
triggerType'auto' | 'hover' | 'click' | 'none' | undefinedundefinedLocal interaction override. auto uses hover/focus for mouse input and tap for touch input.
KuiTooltipTriggerTypeenum: Auto | Hover | Click | NoneAutoEnum values accepted by triggerType and tooltip provider options.
KuiTooltipOptionsinterface-Shape of defaults.tooltip: triggerType, placement and offset, for app-wide and scoped tooltip defaults.
provideKuiDefaults({ tooltip })(defaults: KuiComponentDefaults) => Provider-Provides merged tooltip defaults for a component or route subtree; a local input wins and each level merges with its parent per property.
provideKikitaUi({ defaults: { tooltip } })KikitaUiOptions.defaults?: KuiComponentDefaults-Sets the root tooltip defaults through the main Kikita UI provider.
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 v2.0.0 public typings.