# line The **** component is used to draw a line. >![](../../public_sys-resources/icon-note.gif) **NOTE:** >The APIs of this module are supported since API version 7. ## Permission List None ## Child Components **animate**, **animateMotion**, and **animateTransform** are supported. ## Attributes The universal attributes as well as the attributes listed below are supported.

Name

Type

Default Value

Mandatory

Description

id

string

-

No

Unique ID of the component.

x1

<length>|<percentage>

-

No

X-coordinate of the start point of the line. Attribute animations are supported.

y1

<length>|<percentage>

-

No

Y-coordinate of the start point of the line. Attribute animations are supported.

x2

<length>|<percentage>

-

No

X-coordinate of the end point of the line. Attribute animations are supported.

y2

<length>|<percentage>

-

No

Y-coordinate of the end point of the line. Attribute animations are supported.
## Example ```
``` ![](figures/en-us_image_0000001127284954.png)