Line Element
Draw a horizontal or vertical line with customizable stroke and color.
Line Element
The Line element draws a straight horizontal or vertical rule within its bounding box. Use it as a section divider, a decorative separator between title and body text, or a visual delimiter between stats.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
Stroke | number | 0.5 | Line thickness in mm |
StrokeColor | string | #000000 | Line color (hex, named, or constant) |
StrokeOpacity | number | 1 | Line opacity (0–1) |
Orientation | string | Horizontal | Horizontal or Vertical |
Align | string | Center | Alignment of the line within its bounding box |
Stroke
Stroke sets the thickness of the line in millimetres. A value of 0 makes the line invisible. The default of 0.5 mm produces a thin rule suitable for most card dividers. Increase this value for thicker decorative rules — typical range is 0.3 mm to 2 mm.
StrokeColor
StrokeColor determines the color of the rendered line. Accepts #RRGGBB hex values, CSS named colors, and [[ConstantName]] constant references. When not specified, the line is black. Using constant references allows a consistent separator color to be changed across the template from one place.
StrokeOpacity
StrokeOpacity controls how transparent the line is, from 0 (invisible) to 1 (fully opaque). A semi-transparent value like 0.3 creates a subtle watermark-style divider that does not compete visually with the card content.
Orientation
Orientation specifies whether the line runs Horizontal or Vertical within its bounding box. A Horizontal line spans the full width of the element; a Vertical line spans the full height. The element must have a non-zero dimension perpendicular to the orientation (height for Horizontal, width for Vertical) for the line to be visible.
Align
Align controls where within the bounding box the line is placed perpendicularly to its direction. For a Horizontal line this controls vertical placement: Top, Center, or Bottom within the element's height. For a Vertical line it controls horizontal placement: Left, Center, or Right. The default Center positions the line in the middle of the element.