Design System

  • Home
  • Design principles
  • Release process
Foundation
  • Accessibility
  • Colors
  • Glossary
  • Icons
  • Layout
  • Styling
  • Writing
Patterns
  • Errors
  • Filters
  • Page headers
Components
  • App bars
  • Buttons and links
  • Loaders
  • Menus
  • Modals
  • Snackbars
  • Tabs
  • Text fields
Composables
  • useKShow
Code library components
  • KBreadcrumbs
  • KButton
  • KButtonGroup
  • KCheckbox
  • KCircularLoader
  • KContentRenderer
  • KDateRange
  • KDropdownMenu
  • KEmptyPlaceholder
  • KExternalLink
  • KFixedGrid
  • KFixedGridItem
  • KGrid
  • KGridItem
  • KIcon
  • KIconButton
  • KImg
  • KLabeledIcon
  • KLinearLoader
  • KLogo
  • KModal
  • KOptionalText
  • KPageContainer
  • KRadioButton
  • KResponsiveElement
  • KResponsiveWindow
  • KRouterLink
  • KSelect
  • KSwitch
  • KTabs
  • KTabsList
  • KTabsPanel
  • KTextTruncator
  • KTextbox
  • KTooltip
  • KTransition

KTooltip link to current page

GitHub main | GitHub Changelog
  • Props
  • Slots

KTooltip link to current page

GitHub main | GitHub Changelog
  • Props
  • Slots

Props
#

Name Description Type Default Required
reference
#
Name of ref element within the parent's $refs object. Tooltip will be positioned relative to this element.
string — true
refs
#
Parent's $refs object which should contain the named reference.
object — true
disabled
#
Whether or not tooltip is disabled
boolean false —
placement
#
Placement of tooltip relative to reference. Supports any popper.js placement string
string 'bottom' —

Slots
#

Name Description
default
#
Text of the tooltip