zero.appdocs
Docs/Presentations/Container

Container

Presentations v1.0 zero-schema

A rectangular box around other content with padding, margin, color, border, and alignment. Set AnimationType to animate its entrance.

Missing descriptions: Height, Width.

Required fields

PresentationType

Properties

PresentationType string required
A Container is a widget used to create a rectangular visual element that can contain other widgets, with customizable properties like padding, margin, color, and alignment. Set AnimationType to animate its entrance.
Allowed Container
BackgroundColor string, object optional
The background color of the Container. Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).
BackgroundImage string optional
The background image of the container, specified as a URL or image path
BackgroundOpacity number, object optional
The opacity of the container's background, ranging from 0 (transparent) to 1 (opacity). Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 1
BorderRadius number, object optional
The opacity of the container's background, ranging from 0 (transparent) to 1 (opacity). Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
BorderColor string, object optional
The color of the container's border, specified as a color name, primary color ('primary'), or hexadecimal color code. Default is transparent. Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).
BorderWidth number, object optional
The width of the container's border, specified in pixels. Default is 0 (no border). Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
BoxFit string optional
The method used to fit the background image within the container, such as filling the container or fitting the image.
Allowed Fill Cover FitHeight FitWidth Contain
Height anyOf optional
No description
Margin number, object optional
The margin around the container in pixels. Specifies the space between this container and other widgets. Accepts a number for all sides, or an LTRB object ({"Top": …, "Left": …, "Right": …, "Bottom": …}). Responsive value maps are NOT supported here and resolve to zero.
MaxHeight number, object optional
The maximum height that the container can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
MaxWidth number, object optional
The maximum width that the container can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
MinHeight number, object optional
The minimum height that the container can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
MinWidth number, object optional
The minimum width that the container can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
Padding number, object optional
The padding inside the container in pixels. Specifies the space between the container's edge and its child widget. Accepts a number for all sides, or an LTRB object ({"Top": …, "Left": …, "Right": …, "Bottom": …}). Responsive value maps are NOT supported here and resolve to zero.
Width anyOf optional
No description
Child object optional
The child widget contained within the container. This widget will be positioned and sized according to the container's properties such as padding, margin, width, and height. It follows the layout rules set by the container.
AnimationType string optional
Animates the container when it first becomes visible. Folded in from the retired Animation component; an Animation node renders as an animated Container.
Allowed Fade Scale Rotate Counter SlideFromLeft SlideFromRight SlideFromTop SlideFromBottom SlideTransition
AnimationStyle string optional
Easing curve of the entrance animation, e.g. EaseInOut.
Duration integer, object optional
Entrance animation duration in milliseconds. Defaults to 500. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
ZoomScale number, object optional
Target scale for the Scale animation. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).