Set width and height in "rem" at the same time.
Width in "rem".
Width in "%". Values should be 0.0 to 1.0.
Sets width as 100% of relative container.
Pass in a custom width value.
Height in "rem".
Height in "%". Values should be 0.0 to 1.0.
Sets height as 100% of relative container.
Sets minimum height as 100% of screen size.
Pass in a custom height value.
Sets aspect ratio for the box as 1:1.
Sets aspect ratio for the box as 16:9. This is the default ratio for video embeds.
Sets aspect ratio for the box as 21:9. This is the default ratio for cinema screens.
Gap size in "rem".
W.Box.view
[ W.Box.flex
[ W.Box.xLeft
, W.Box.yBottom
]
]Pass in extra classes. Note: these styles might conflict with W.Box's own styles.
Pass in extra classes using conditionals. Note: these styles might conflict with W.Box's own styles.
Pass in extra CSS styles. Note: these styles might conflict with W.Box's own styles.
Pass in extra CSS styles. Note: these styles might conflict with W.Box's own styles.
Customize the node you want to use to render your element.
W.Box.view [ W.Box.node Html.section ] [ ... ]