zero.appdocs
Docs/Presentations/Card

Card

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType Child

Properties

PresentationType string required
A Card is a widget used to create a rectangular visual element that can contain other widgets, with customizable properties like padding, margin, color, and alignment.
Allowed Card
BackgroundColor string, object optional
The background color of the Card, which can be specified using color names, primary color ('primary'), or hexadecimal color codes. Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).
Default "white"
Width number, object optional
The width of the Card in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Height number, object optional
The height of the Card in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Margin number, object optional
The margin around the Card in pixels. Specifies the space between this Card 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.
Padding number, object optional
The padding inside the Card in pixels. Specifies the space between the Card'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.
MaxWidth number, object optional
The maximum width that the Card can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
MinWidth number, object optional
The minimum width that the Card can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
MaxHeight number, object optional
The maximum height that the Card can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
MinHeight number, object optional
The minimum height that the Card can occupy in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
BorderRadius number, object optional
The radius of the Card's corners, creating a rounded appearance, specified in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
BackgroundImage string optional
The background image of the Card, specified as a URL or image path
BackgroundOpacity number, object optional
The opacity of the Card's background, ranging from 0 (transparent) to 1 (opaque). Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 1
BoxFit string optional
The method used to fit the background image within the Card, such as filling the Card or fitting the image.
Allowed Fill Cover FitHeight FitWidth Contain
BorderColor string, object optional
The color of the Card'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"}).
Default "transparent"
BorderWidth number, object optional
The width of the Card's border, specified in pixels. Default is 0 (no border). Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Default 0
Child object required
The child widget contained within the Card. This widget will be positioned and sized according to the Card's properties such as padding, margin, width, and height. It follows the layout rules set by the Card.