1e41f4b71Sopenharmony_ci# List (System API)
2e41f4b71Sopenharmony_ci
3e41f4b71Sopenharmony_ciThe **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.
4e41f4b71Sopenharmony_ci
5e41f4b71Sopenharmony_ci> **NOTE**
6e41f4b71Sopenharmony_ci>
7e41f4b71Sopenharmony_ci> - This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
8e41f4b71Sopenharmony_ci>
9e41f4b71Sopenharmony_ci> - This topic describes only system APIs provided by the module. For details about its public APIs, see [List](ts-container-list.md).
10e41f4b71Sopenharmony_ci
11e41f4b71Sopenharmony_ci## Attributes
12e41f4b71Sopenharmony_ci
13e41f4b71Sopenharmony_ci### chainAnimationOptions<sup>10+</sup>
14e41f4b71Sopenharmony_ci
15e41f4b71Sopenharmony_cichainAnimationOptions(value: ChainAnimationOptions)
16e41f4b71Sopenharmony_ci
17e41f4b71Sopenharmony_ciSets chained animation options.
18e41f4b71Sopenharmony_ci
19e41f4b71Sopenharmony_ci**System API**: This is a system API.
20e41f4b71Sopenharmony_ci
21e41f4b71Sopenharmony_ci**System capability**: SystemCapability.ArkUI.ArkUI.Full
22e41f4b71Sopenharmony_ci
23e41f4b71Sopenharmony_ci**Parameters**
24e41f4b71Sopenharmony_ci
25e41f4b71Sopenharmony_ci| Name   | Type                                    | Description                          |
26e41f4b71Sopenharmony_ci| ------ | ---------------------------------------- | ---------------------------------- |
27e41f4b71Sopenharmony_ci| value  | [ChainAnimationOptions](#chainanimationoptions10) | Chained animation options.|
28e41f4b71Sopenharmony_ci
29e41f4b71Sopenharmony_ci## ChainEdgeEffect<sup>10+</sup>
30e41f4b71Sopenharmony_ci
31e41f4b71Sopenharmony_ciDescribes the chained animation edge scrolling effect.
32e41f4b71Sopenharmony_ci
33e41f4b71Sopenharmony_ci**System API**: This is a system API.
34e41f4b71Sopenharmony_ci
35e41f4b71Sopenharmony_ci**System capability**: SystemCapability.ArkUI.ArkUI.Full
36e41f4b71Sopenharmony_ci
37e41f4b71Sopenharmony_ci| Name     |  Value | Description                                      |
38e41f4b71Sopenharmony_ci| ------- | ------ | ---------------------------------------- |
39e41f4b71Sopenharmony_ci| 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.|
40e41f4b71Sopenharmony_ci| 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.                |
41e41f4b71Sopenharmony_ci
42e41f4b71Sopenharmony_ci## chainAnimationOptions<sup>10+</sup>
43e41f4b71Sopenharmony_ci
44e41f4b71Sopenharmony_ciProvides the chained animation settings, which cover the maximum spacing, minimum spacing, intensity, conductivity, and edge scrolling effect.
45e41f4b71Sopenharmony_ci
46e41f4b71Sopenharmony_ci**System API**: This is a system API.
47e41f4b71Sopenharmony_ci
48e41f4b71Sopenharmony_ci**System capability**: SystemCapability.ArkUI.ArkUI.Full
49e41f4b71Sopenharmony_ci
50e41f4b71Sopenharmony_ci| Name          | Type                                      | Mandatory  | Description                                      |
51e41f4b71Sopenharmony_ci| ------------ | ---------------------------------------- | ---- | ---------------------------------------- |
52e41f4b71Sopenharmony_ci| minSpace     | [Length](ts-types.md#length)             | Yes   | Minimum spacing between the chained animations.                           |
53e41f4b71Sopenharmony_ci| maxSpace     | [Length](ts-types.md#length)             | Yes   | Maximum spacing between the chained animations.                           |
54e41f4b71Sopenharmony_ci| 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**|
55e41f4b71Sopenharmony_ci| 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**|
56e41f4b71Sopenharmony_ci| edgeEffect   | [ChainEdgeEffect](#chainedgeeffect10)| No   | Chained animation edge scrolling effect.<br>Default value: **ChainEdgeEffect.DEFAULT**|
57