Go Back to index

Bubble (Component)

This component displays a text inside a floating box

Inputs

Property Type Req Description Default
text String False Text of the bubble
hidden Boolean False Show or hide the bubble false
offset StPopOffset False For position with offset in x o y axis {x: 0 , y: 17}
showArrow Boolean False when true, arrow icon is displayed true
animation Boolean False when true, bubble is displayed with an animation true
openToLeft Boolean False when true, bubble is displayed with the arrow to the right true
small Boolean False when true, bubble is displayed with theme small false
minWidth String False min width for bubble
maxWidth String False max width for bubble

Example

<st-bubble [qaTag]="qaTag"
      [text]="text"
      [hidden]="hidden">
</st-bubble>