Balloon

When to use

• When the user has an interaction action with the explained object (text, image, input box, etc.), immediately follow the action to show an auxiliary or help tip.

Component Example

Component Properties

属性	说明	类型	默认值
TYPE	Set balloon type, when balloon type is selected as tooltip text is displayed directly	'balloon' | 'tooltip'	'balloon'
afterClose	Event triggered after the Balloon overlay is closed, if there is an animation, it is triggered after the animation ends	() => void	-
align	Display position of the balloon popup layer	't' | 'b' | 'l' | 'r' | 'tl' | 'tr' | 'bl' | 'br' | 'lt' | 'lb' | 'rt' | 'rb'	'b'
balloonOverlayVisible	Whether the overlay is displayed in the designer, this configuration option is only valid in the designer	boolean	true
closable	Whether to show the close button	boolean	true
content	Content displayed by the balloon component	string	'Prompt content'
defaultVisible	Whether the component is in visible state during initialization	boolean	false
delay	Delay time for balloon display, only effective when trigger behavior is hover, unit is ms	number	0
display	Used to configure the space occupied by the trigger element	'inline-block' | 'block'	'inline-block'
onClose	Event triggered when the Balloon overlay is closed	() => void	-
onVisibleChange	Event triggered after the Balloon overlay is closed, if there is an animation, it is triggered after the animation ends	(visible: boolean) => void	-
overlayMaxWidth	Used to control the maximum width of the overlay, 'initial' means no width limit	string	'300px'
triggerType	Used to control the trigger condition of the balloon component	'hover' | 'click' | 'focus'	'click'
type	Style type of the balloon	'normal' | 'primary'	'normal'