# rect The **** component is used to draw rectangles and rounded rectangles. >![](../../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.

width

<length>|<percentage>

0

No

Width of a rectangle. Attribute animations are supported.

height

<length>|<percentage>

0

No

Height of a rectangle. Attribute animations are supported.

x

<length>|<percentage>

0

No

X-coordinate of the upper left corner of the rectangle. Attribute animations are supported.

y

<length>|<percentage>

0

No

Y-coordinate of the upper left corner of the rectangle. Attribute animations are supported.

rx

<length>|<percentage>

0

No

Radius of the rectangle rounded corner in the x-axis direction. Attribute animations are supported.

ry

<length>|<percentage>

0

No

Radius of the rectangle rounded corner in the y-axis direction. Attribute animations are supported.
## Example ```
``` ![](figures/0.png)