1# List (System API)
2
3The **List** component provides a list container that presents a series of list items arranged in a column with the same width. It supports presentations of the same type of data in a multiple and coherent row style, for example, images or text.
4
5> **NOTE**
6>
7> - This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
8>
9> - This topic describes only system APIs provided by the module. For details about its public APIs, see [List](ts-container-list.md).
10
11## Attributes
12
13### chainAnimationOptions<sup>10+</sup>
14
15chainAnimationOptions(value: ChainAnimationOptions)
16
17Sets chained animation options.
18
19**System API**: This is a system API.
20
21**System capability**: SystemCapability.ArkUI.ArkUI.Full
22
23**Parameters**
24
25| Name   | Type                                    | Description                          |
26| ------ | ---------------------------------------- | ---------------------------------- |
27| value  | [ChainAnimationOptions](#chainanimationoptions10) | Chained animation options.|
28
29## ChainEdgeEffect<sup>10+</sup>
30
31Describes the chained animation edge scrolling effect.
32
33**System API**: This is a system API.
34
35**System capability**: SystemCapability.ArkUI.ArkUI.Full
36
37| Name     |  Value | Description                                      |
38| ------- | ------ | ---------------------------------------- |
39| DEFAULT | 0 | Default effect. After the list is scrolled to the edge, a continued drag of the list will result in reduced spacing between the list items in the drag direction and<br>increased spacing between the list items in the direction opposite to the drag direction.|
40| STRETCH | 1 | After the list is scrolled to the edge, a continued drag of the list result in increased spacing between all the list items.                |
41
42## chainAnimationOptions<sup>10+</sup>
43
44Provides the chained animation settings, which cover the maximum spacing, minimum spacing, intensity, conductivity, and edge scrolling effect.
45
46**System API**: This is a system API.
47
48**System capability**: SystemCapability.ArkUI.ArkUI.Full
49
50| Name          | Type                                      | Mandatory  | Description                                      |
51| ------------ | ---------------------------------------- | ---- | ---------------------------------------- |
52| minSpace     | [Length](ts-types.md#length)             | Yes   | Minimum spacing between the chained animations.                           |
53| maxSpace     | [Length](ts-types.md#length)             | Yes   | Maximum spacing between the chained animations.                           |
54| conductivity | number                                   | No   | Conductivity of the chained animations. The value range is [0,1]. A larger value indicates higher conductivity.<br>Default value: **0.7**|
55| intensity    | number                                   | No   | Intensity of the chained animations. The value range is [0,1]. A larger value indicates more obvious animations.<br>Default value: **0.3**|
56| edgeEffect   | [ChainEdgeEffect](#chainedgeeffect10)| No   | Chained animation edge scrolling effect.<br>Default value: **ChainEdgeEffect.DEFAULT**|
57