browser-preview-coverage.md

Browser preview coverage

Generated by Web/preview-engine/scripts/coverage-report.mjs for preview engine 0.19.0. Do not edit by hand. States: supported renders like iPhone within measured tolerances; approximated renders with the noted difference; unsupported shows a placeholder and a diagnostic. Properties not listed for a tag are ignored by the native runtime and reported as such.

Tags

Tag	State	Note
vstack	supported
hstack	supported
zstack	supported
hgrid	approximated	Lazy grid tracks; cells are centered
vgrid	approximated	Lazy grid tracks; cells are centered
text	supported
date	approximated	Real clock like iPhone; English formats
image	approximated	Package images render; SF Symbols use look-alike icons; remote URLs show placeholders
gif	approximated	Bounded browser GIF playback; Reduce Motion/Mac and resource limits use a static frame. Native timing differs
spacer	supported
rect	supported
capsule	supported
ellipse	supported
circle	supported
gauge	approximated	Original gauge drawn like MineGaugeView; system gauge styles approximated
chart	approximated	SVG approximation of Swift Charts marks, axes, and legend
link	approximated	Children laid out vertically; not interactive
divider	supported
line	supported
roundedrect	supported
icon	approximated	SF Symbols are drawn with look-alike Lucide icons (ISC); unmapped names show a placeholder
label	approximated	Icon is a look-alike Lucide icon
progress	supported
ring	supported
badge	supported
chip	supported
stat	supported
button	approximated	Label only; taps run on iPhone
toggle	approximated	Static switch on iOS, static checkbox on macOS
Fragment	supported

General modifier properties

Applied by every tag except spacer (frame only) and Fragment, in this order: padding, frame, background, corner, clip, opacity, animation, rotation, rotation3d, shadow.

Property	State	Note
padding	supported	String values only, as on iPhone: "10", "horizontal,8", "t,r,b,l"
frame	supported	Includes the native quirk: "max,20" sets only the height
background	supported	Color or $gradient; on the root element it becomes the widget container background
backgroundMaterial	approximated	Public SwiftUI material approximated with CSS backdrop blur; Reduce Transparency uses an opaque fallback and accented/vibrant modes omit local material. Not Home Screen wallpaper blur or system Liquid Glass.
corner	supported
clip	supported
opacity	supported
animation	approximated	Public scheduled native clock/swing effects use CSS approximations here. Signed custom half-turn periods and fixed poses match native. Reduce Motion freezes the preview; WidgetKit cadence is system-controlled.
rotation	supported
rotation3d	approximated	CSS perspective differs from SwiftUI's
shadow	approximated	Blur radius mapped to CSS drop-shadow; edges may differ slightly
widgetAccentable	approximated	Only affects accented rendering mode, which the web preview does not emulate yet
linkurl	supported	Tap targets are not interactive in the preview

Tag properties

Tag	Property	State	Note
vstack	alignment	supported
vstack	spacing	supported	Default spacing measured on iOS 27
hstack	alignment	supported
hstack	spacing	supported
hgrid	columns	supported	fixed, flexible, adaptive
hgrid	alignment	approximated	Cells are centered
hgrid	spacing	supported
vgrid	columns	supported	fixed, flexible, adaptive
vgrid	alignment	approximated	Cells are centered
vgrid	spacing	supported
text	fontWeight	supported	Overrides the weight in font
text	weight	supported	Older alias of fontWeight
text	fontDesign	supported	default, rounded, serif, monospaced
text	font	supported	SF metrics on Apple systems; fallback fonts elsewhere
text	color	supported
text	alignment	supported
date	fontWeight	supported	Overrides the weight in font
date	weight	supported	Older alias of fontWeight
date	fontDesign	supported	default, rounded, serif, monospaced
date	date	supported	now, tomorrow, yesterday, start of today, +Nh, -Nd, or milliseconds
date	style	approximated	English formats; timers do not tick
date	font	supported
date	color	supported
date	alignment	supported
image	systemName	approximated	Look-alike Lucide icon
image	name	supported	Needs the package image file
image	id	supported	Alias of name
image	url	approximated	data: PNG/JPEG only; remote URLs are not loaded
image	src	approximated	Alias of url
image	ratio	supported	With mode fit or fill
image	mode	supported
image	font	supported
image	fontWeight	supported	Overrides the weight in font
image	weight	supported	Older alias of fontWeight
image	fontDesign	supported	default, rounded, serif, monospaced
image	accentedRenderingMode	approximated	Accented mode is not emulated
gif	file	supported	Resolved like ScriptWidgetPackage.getGifFile
gif	font	supported
gif	fontWeight	supported	Overrides the weight in font
gif	weight	supported	Older alias of fontWeight
gif	fontDesign	supported	default, rounded, serif, monospaced
rect	corner	supported
rect	trim	approximated	Trim applies to strokes only
rect	stroke	supported
rect	color	supported
capsule	trim	approximated	Trim applies to strokes only
capsule	stroke	supported
capsule	color	supported
ellipse	trim	approximated	Trim applies to strokes only
ellipse	stroke	supported
ellipse	color	supported
circle	trim	approximated	Trim applies to strokes only
circle	stroke	supported
circle	color	supported
gauge	value	supported
gauge	angle	supported
gauge	label	supported
gauge	needleColor	supported
gauge	sections	supported
gauge	thickness	supported
gauge	title	supported
gauge	labelFont	supported
gauge	labelColor	supported
gauge	titleColor	supported
gauge	current	approximated	System gauge styles are approximated
gauge	max	approximated	System gauge styles are approximated
gauge	min	approximated	System gauge styles are approximated
gauge	style	approximated	System gauge styles are approximated
gauge	text	approximated	System gauge styles are approximated
gauge	type	approximated	System gauge styles are approximated
gauge	titleFont	supported	Not read natively; the title uses labelFont
chart	category	approximated	Swift Charts styling differs
chart	hideLegend	approximated	Swift Charts styling differs
chart	hideXAxis	approximated	Swift Charts styling differs
chart	hideYAxis	approximated	Swift Charts styling differs
chart	data	approximated	Swift Charts styling differs
chart	type	approximated	Swift Charts styling differs
chart	color	approximated	Swift Charts styling differs
link	url	supported
divider	thickness	supported
divider	axis	supported
divider	color	supported
line	thickness	supported
line	length	supported
line	axis	supported
line	color	supported
roundedrect	radius	supported
roundedrect	color	supported
icon	fontWeight	supported	Overrides the weight in font
icon	weight	supported	Older alias of fontWeight
icon	fontDesign	supported	default, rounded, serif, monospaced
icon	systemName	approximated	Look-alike Lucide icon
icon	size	supported
icon	color	supported
icon	font	supported
label	fontWeight	supported	Overrides the weight in font
label	weight	supported	Older alias of fontWeight
label	fontDesign	supported	default, rounded, serif, monospaced
label	title	supported
label	systemName	approximated	Look-alike Lucide icon
label	color	supported
label	font	supported
progress	value	supported
progress	total	supported
progress	label	supported
progress	style	supported
progress	color	supported
progress	trackColor	supported
progress	thickness	supported
progress	frame	supported	Circular size
ring	value	supported
ring	thickness	supported
ring	color	supported
ring	trackColor	supported
badge	text	supported
badge	radius	supported
badge	background	supported
badge	color	supported
chip	text	supported
chip	radius	supported
chip	background	supported
chip	borderColor	supported
chip	color	supported
stat	title	supported
stat	value	supported
stat	subtitle	supported
stat	color	supported
stat	mutedColor	supported
button	action	supported
button	actionID	supported
button	onClick	supported
toggle	on	supported
toggle	actionID	supported
toggle	onClick	supported
toggle	stateKey	supported