# Bubble


Bubbles are lightweight tips that prompt users how to perform an operation. Generally, they do not affect user operations.


![tips_sub_1](figures/tips_sub_1.png)


## How to Use

- Use bubbles when users access a screen for the first time. A bubble points to an element or area that is closely related and tells the user how to use a function.

- Show bubbles immediately upon user access.



![21](figures/21.png)


## Category

- Bubbles not requiring user interactions

- Bubbles requiring user interactions


### Bubbles Not Requiring User Interactions

- Only up or down arrows can be used.

- The prompt text must be concise and clear to avoid troubles.

- A bubble disappears when users touch the bubble or any area on the screen.

- No bubble appears when users access the screen not for the first time.

![bubble-not-requiring-user-interactions](figures/bubble-not-requiring-user-interactions.png)


### Bubbles Requiring User Interactions

- Only up or down arrows can be used.

- The prompt text must be concise and clear to avoid troubles.

- A bubble disappears when users touch the bubble or any area on the screen.

- No bubble appears when users access the screen not for the first time.

![bubble-requiring-user-interactions](figures/bubble-requiring-user-interactions.png)


## Resources

For details about the development guide related to bubbles, see [Popup Control](../../application-dev/reference/arkui-ts/ts-universal-attributes-popup.md).