1# Divider
2
3
4A divider is used to separate UI elements so that an element can be easily identified.
5
6
7![divider_sub_2](figures/divider_sub_2.png)
8
9
10## How to Use
11
12- Use dividers in a list or UI layout.
13
14- Add a divider between every two list items.
15
16- Do not add a divider above the first list item or below the last item.
17
18- Start the divider from what followed by an icon, since icons themselves are clearly separated.
19
20
21![0000000000011111111.20220510095310.07730797812317188338330277233468](figures/0000000000011111111.20220510095310.07730797812317188338330277233468.png)
22
23
24## Resources
25
26For details about the development guide related to the divider, see [Divider](../../application-dev/reference/arkui-ts/ts-basic-components-divider.md).
27