1# Bubble
2
3
4Bubbles are lightweight tips that prompt users how to perform an operation. Generally, they do not affect user operations.
5
6
7![tips_sub_1](figures/tips_sub_1.png)
8
9
10## How to Use
11
12- 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.
13
14- Show bubbles immediately upon user access.
15
16
17
18![21](figures/21.png)
19
20
21## Category
22
23- Bubbles not requiring user interactions
24
25- Bubbles requiring user interactions
26
27
28### Bubbles Not Requiring User Interactions
29
30- Only up or down arrows can be used.
31
32- The prompt text must be concise and clear to avoid troubles.
33
34- A bubble disappears when users touch the bubble or any area on the screen.
35
36- No bubble appears when users access the screen not for the first time.
37
38![bubble-not-requiring-user-interactions](figures/bubble-not-requiring-user-interactions.png)
39
40
41### Bubbles Requiring User Interactions
42
43- Only up or down arrows can be used.
44
45- The prompt text must be concise and clear to avoid troubles.
46
47- A bubble disappears when users touch the bubble or any area on the screen.
48
49- No bubble appears when users access the screen not for the first time.
50
51![bubble-requiring-user-interactions](figures/bubble-requiring-user-interactions.png)
52
53
54## Resources
55
56For details about the development guide related to bubbles, see [Popup Control](../../application-dev/reference/arkui-ts/ts-universal-attributes-popup.md).
57