Bubble

Default

Here is a default bubble

Here is the tl arrow position

Here is the tr arrow position

Here is the rt arrow position

Here is the rb arrow position

Here is the br arrow position

Here is the bl arrow position

Here is the lb arrow position

Here is the lt arrow position

Here is an outlineBasic bubble

Here is an inverted bubble

Name	Description	Type	Default value	Responsive
arrowPosition	The position of the arrow on the side of the bubble	tl \| tr \| rt \| rb \| br \| bl \| lb \| lt	bl	false
variant	The style variant	outlineBasic \| inverted		false
color	color	System	undefined	true
bg	background-color	System	undefined	true
background	background	System	undefined	true
m	margin	System	undefined	true
mt	margin-top	System	undefined	true
mr	margin-right	System	undefined	true
mb	margin-bottom	System	undefined	true
ml	margin-left	System	undefined	true
mx	margin-left and margin-right	System	undefined	true
my	margin-top and margin-bottom	System	undefined	true
p	padding	System	undefined	true
pt	padding-top	System	undefined	true
pr	padding-right	System	undefined	true
pb	padding-bottom	System	undefined	true
pl	padding-left	System	undefined	true
px	padding-left and padding-right	System	undefined	true
py	padding-top and padding-bottom	System	undefined	true
display	display	System	undefined	true
size	height and width	System	undefined	true
width	width	System	undefined	true
height	height	System	undefined	true
minWidth	min-width	System	undefined	true
minHeight	min-height	System	undefined	true
maxWidth	max-width	System	undefined	true
maxHeight	max-height	System	undefined	true
overflow	overflow	System	undefined	true
verticalAlign	vertical-align	System	undefined	true