Article with Canvas Surface
This article uses data-canvas for an elevated surface with background, radius, shadow, and padding.
Default Canvas (attribute form)
This article uses data-canvas for an elevated surface with background, radius, shadow, and padding.
Element Form
Same appearance using the <layout-canvas> custom element wrapper.
Flush Variant
No border radius or shadow. Edge-to-edge surface.
Elevated Variant
Larger radius and dramatic shadow for emphasis.
Width: Narrow (45rem)
Constrained to narrow width, auto-centered.
Width: Content (60rem)
Standard content width constraint.
Nested Canvases
Primary surface background.
Ghost Card Depth 1
One stacked paper shadow beneath the canvas.
Ghost Card Depth 2
Two stacked paper shadows for extra depth.
Multiple Canvases
Independent canvas region.