Tooltip has 9 placements. Use attribute content to set the display content when hover. The attribute
placement determines the position of the tooltip. Its value is [orientation]-[alignment] with four
orientations top, left, right, bottom and three alignments start, end, null, and the default alignment is
null. Take placement="left-end" for example, Tooltip will display on the left of the element which you are hovering and the bottom of the
tooltip aligns with the bottom of the element. attribute for display an image
top-start
top
top-end
left-start
right-start
left
right
left-end
right-end
bottom-start
bottom
bottom-end