rect

A filled shape — a rectangle, an ellipse, or a straight line — with optional border, corner radius and shadow.

When to reach for it

The nearest alternative is putting a background and border straight onto a text element, which it supports; reach for rect when the shape is standalone decoration, a divider line, or an ellipse.

Worth knowing

Lines and ellipses are not separate element types — they are the same rect element with its shape property changed, and a line's thickness is capped at 24.

Properties the tour sets

Only what the Component Tour changed from this element's defaults — everything else is left as-is. It sits in the report-header band.

Property	Value
fill	#eef2ff
borderColor	#6366f1
borderWidth	1
radius	6

---

Open the Component Tour → to see this element alongside all the others.