Components

ExTooltip

<ExTooltip top :nudge="{ top: 10 }">
    <ExTooltipTrigger>
        <p>Tooltip Trigger</p>
    </ExTooltipTrigger>
    <ExTooltipContent>
        <div>Tooltip Content</div>
    </ExTooltipContent>
</ExTooltip>

Interact

Nudge top:

Props: ExTooltip

as

Type	Default	Required
string component	template	false

Description: Sets the element type of ex-dialog-close. Any custom vue component can also be passed.

---

disabled

Type	Default	Required
boolean	false	false

Description: Enable / Disable tooltip

---

delay

Type	Default	Required
number string	200	false

Description: Adds a delay before displaying tooltip

---

nudge

Type	Default	Required
number string	Nudges the tooltip content based on the mentioned position. { top: number | string, bottom: number | string, left: number | string, right: number | string, }	false

---

top

Type	Default	Required
boolean	false	false

Description: Positions tooltip content to the top of the trigger

---

bottom

Type	Default	Required
boolean	false	false

Description: Positions tooltip content to the bottom of the trigger

---

left

Type	Default	Required
boolean	false	false

Description: Positions tooltip content to the left of the trigger

---

right

Type	Default	Required
boolean	false	false

Description: Positions tooltip content to the right of the trigger

---

Slots

Name	Description
default	The default Vue slot. { isOpen: boolean } // tooltip visibility

Props: ExTooltipTrigger

as

Type	Default	Required
string component	template	false

Description: Sets the element type of ex-dialog-close. Any custom vue component can also be passed.

---

Slots

Name	Description
default	The default Vue slot. { isActive: boolean }

Props: ExTooltipContent

as

Type	Default	Required
string component	template	false

Description: Sets the element type of ex-dialog-close. Any custom vue component can also be passed.

---

Slots

Name	Description
default	The default Vue slot.