Shape

The shape widget is a decorative SVG block. Rectangles, ellipses, circles, triangles, and lines are available now. Triangles can be extended into polygons or stars through point settings. Use it for chips, plates, dividers, pointers, and graphic accents without text or media.

Controls

Use the Style section to choose the shape kind. Geometry comes from layout (position, size, rotation). Choosing Circle makes the widget square and locks its aspect ratio; switching back to another kind unlocks it. Look comes from fill, rectangle and triangle radius, stroke, effects, opacity, and animations — mostly the same panels as other widgets.

The fill renders as an SVG fill: solid colors, linear gradients, and radial gradients are supported. Stroke renders as an SVG stroke, so non-rectangular shapes receive an outline around their contour rather than CSS side borders on the widget box. Triangles expose Points, Inner radius, and Angle: 3 points render the regular triangle, 6 points render a hexagon, Inner radius 100% keeps a regular polygon, and lower values alternate outer and inner radius for star-like shapes. Angle offsets the first vertex inside the SVG without rotating the whole container. borderRadius is applied as one shared corner radius.

For lines, color comes from Color in the Style section when stroke is not configured; with Stroke enabled, the line uses stroke color, width, and dash style. Cap switches between flat and rounded ends, while Start and End add arrowheads on either side. Drop shadow and inner shadow render as SVG filters on the shape or line contour.

Shape vs image

Prefer a shape for flat color or simple geometry without a bitmap. Images stay better for detailed artwork.