Class ZetaTooltip

Tooltips display informative text when users hover over, focus on, or tap an element.

Slot

Pass in text or an icon. If using an icon, <zeta-icon> is recommended.

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=21816-222

Storybook

https://design.zebra.com/web/storybook/?path=/docs/components-tooltip--docs

Hierarchy

ContourableInterface<this> & LitElement<this>
- ZetaTooltip

Index

Other

constructor point rounded styles

rendering

Other

constructor

new ZetaTooltip(): ZetaTooltip
Returns ZetaTooltip
Inherited from Contourable(LitElement).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

point

point: "left" | "right" | "top" | "bottom" = "bottom"

Position of the tooltip.

rounded

rounded: boolean

`Static`styles

styles: CSSResultGroup[] = ...

rendering

`Protected`render

render(): TemplateResult<1>
Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

Returns TemplateResult<1>
Overrides Contourable(LitElement).render
- Defined in src/components/tooltip/tooltip.ts:20