Sugar for a thin frame used as a visual divider. Default: horizontal, thickness="1", w="fill".

line

tagseparator

Sugar for a thin frame used as a visual divider. Default: horizontal, thickness="1", w="fill".

Attr	Type	Description
`name`	`string`
`x`	`number`
`y`	`number`
`w`	`number \| 'fill'`	Unified width. Replaces width + sizing-h. Absent = hug (valid on row/col/stack/text/instance only). "fill" = grow to fill parent. number = fixed px. String forms: '50%' (of parent), '1.5rem', '100vw', 'calc(100% - 16px)' Not valid on frame/img/svg — those require explicit values.
`direction`	`horizontal` `vertical`
`thickness`	`number`	Line thickness in px. Default: 1
`fill`	`color \| token`
`fill-style`	`string`
`opacity`	`number`	Layer opacity, 0–1. Omitted when 1.

Inherited properties

Attr	Type / values	Notes
opacity	number	Layer opacity, 0–1. Omitted when 1.
blend	normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity, linear-burn, linear-dodge	Blend mode against layers below. Omitted when normal.
mask	boolean	Presence = true. Acts as an alpha mask for subsequent siblings.
rotation	number	Rotation in degrees. Omitted when 0.
constraint-h	left, right, center, scale, stretch	Horizontal pin/resize behavior. Default left (omitted).
constraint-v	center, scale, stretch, top, bottom	Vertical pin/resize behavior. Default top (omitted).
abs	boolean	Absolute child inside auto-layout. Presence = true. Replaces layout-position="absolute".
min-width	number	Minimum width in px. Omitted when unset.
max-width	number	Maximum width in px. Omitted when unset.
min-height	number	Minimum height in px. Omitted when unset.
max-height	number	Maximum height in px. Omitted when unset.
flip	h, v, both	Mirror transform — 'h', 'v', or 'both'.
filter	string	CSS filter string, e.g. "brightness(1.2) contrast(0.9)".
isolation	boolean	Presence = true. New stacking context for blend modes (isolation: isolate).
transform-origin	string	Transform origin, e.g. "top-left", "center", "0% 0%".
scale-x	number	CSS scaleX, e.g. 1.5.
scale-y	number	CSS scaleY, e.g. 0.8.
skew-x	number	Horizontal skew in degrees.
skew-y	number	Vertical skew in degrees.
aspect-ratio	string	Aspect ratio, e.g. "16/9", "1/1".
z-index	number	Explicit CSS z-index.
visible	boolean	false = visibility:hidden (preserved in file, skipped in render).

Example

<line fill="#E5E5EA" />
<line fill="#007AFF" thickness="2" />
<line fill="#E5E5EA" direction="vertical" />