Carbon: Support left/right tooltip positioning

[emyarod]

image from this comment

Related: https://github.com/carbon-design-system/carbon/issues/2460 https://github.com/carbon-design-system/carbon/issues/2604

[asudoh]

@shixiedesign Do you this the left/right "sides" apply to definition tooltip, too? (Or is it only for icon tooltip?) Thanks!

[shixiedesign]

Hi @asudoh @emyarod, I just confirmed: side tooltips are only for icon tooltip on hover, so not definition tooltip.

Expected usage of side tooltip is on side rails & vertical toolbars:

[shixiedesign]

To summarize our tooltip's functionalities:

Interactive tooltip:

• Position: top, bottom, left right. Done!
• Alignment: only center. Done!

Definition tooltip:

• Position: only top & bottom. Done!
• Alignment: start, center, end. Done!

Icon tooltip:

• Position: top&button, still need left, right
• Alignment: center, still need start, end

So we still need a PR for the bolded items on Icon tooltip then we can close this item. Does that seem right to you guys? @asudoh @emyarod

📖 Guidelines to add

@connor-leech I think ☝️ above looks like good info to include in our Tooltip usage section.

[emyarod]

all of the icon tooltip requirements are fulfilled

position: top and bottom https://github.com/carbon-design-system/carbon/pull/2749

position: left, right https://github.com/carbon-design-system/carbon/pull/2732

alignment: start, end https://github.com/carbon-design-system/carbon/pull/2732

[shixiedesign]

Perfect! Thanks @emyarod Closing issue then.