1# SwipeRefresher
2
3
4The swipe refresher is a component used to obtain and load content, typically with a pull-down gesture.
5
6
7
8> **NOTE**
9>
10> This component and its child components are supported since API version 10. Updates will be marked with a superscript to indicate their earliest API version.
11
12
13## Modules to Import
14
15```
16import { SwipeRefresher } from '@kit.ArkUI'
17```
18
19
20## Child Components
21
22Not supported
23
24## Attributes
25The [universal attributes](ts-universal-attributes-size.md) are supported.
26
27
28## SwipeRefresher
29
30SwipeRefresher ({content?: string, isLoading: boolean})
31
32**Decorator**: @Component
33
34**Atomic service API**: This API can be used in atomic services since API version 11.
35
36**System capability**: SystemCapability.ArkUI.ArkUI.Full
37
38**Parameters**
39
40| Name| Type| Mandatory| Decorator| Description|
41| -------- | -------- | -------- | -------- | -------- |
42| content | string | No| \@Prop | Text displayed when the content is loaded.|
43| isLoading | boolean | If yes, | \@Prop | Whether content is being loaded.<br> The value **true** means that content is being loaded, and **false** means the opposite.|
44
45## Events
46The [universal events](ts-universal-events-click.md) are supported.
47
48## Example
49```ts
50import { SwipeRefresher } from '@kit.ArkUI';
51
52@Entry
53@Component
54struct Index {
55  build() {
56    Column() {
57      SwipeRefresher({
58        content: 'Loading',
59        isLoading: true
60      })
61      SwipeRefresher({
62        content: '',
63        isLoading: true
64      })
65      SwipeRefresher({
66        content: 'Loading',
67        isLoading: false
68      })
69    }
70  }
71}
72```
73
74![Snipaste_2023-07-24_11-35-40](figures/Snipaste_2023-07-24_11-35-40.gif)
75