⚠️ Mixin UI is currently in alpha stage
Documentation
Customization
Directives

Tooltip

Used to display additional information when a user focuses or hovers over an element.

Import

import { XTooltip } from '@mixin-ui/kit';

Usage

@Component({
  template: `
    <button x-tooltip="I love Mixin! ❤️"
            x-tooltip-position="top"
            x-tooltip-on="hover"
            x-btn>
      Show me
    </button>
  `
})
export class Usage {}

API

Inputs

NameTypeDefault
x-tooltip
enum
null
x-tooltip-on
enum
hover
x-tooltip-variant
enum
dark
x-tooltip-position
enum
top
x-tooltip-with-arrow
boolean
true
x-tooltip-offset
number
8
x-tooltip-open-delay
number
300
x-tooltip-close-delay
number
100
Previous
Slot