Contained Card
The contained card is the classic design that keeps all of the content inside of a frame. There's plenty of options to adjust both the frame and content.
Last updated
The contained card is the classic design that keeps all of the content inside of a frame. There's plenty of options to adjust both the frame and content.
Last updated
⚙️ Powered by Rock RMS
Inherits from StyledView > PancakeView
Property | Type | Description |
AdditionalContent | object | The text or controls to add to the content of the card. If text is provided it will be converted to paragraphs based on line breaks. |
BorderThickness | float | The thickness of the border. |
BorderColor | Color | The color of the border. |
Command | ICommand | The command to use when the card is clicked. |
CommandParameter | object | The parameters to set to the command when clicked. |
DescriptionLeft | object | The text or controls to place in the left description. |
DescriptionRight | object | The text or controls to place in the right description. |
Elevation | int | The Material Design elevation desired. |
HasShadow | bool | Determines if a shadow should be shown behind the card. |
Image | string | The URL of the image. |
ImageLocation | VerticalAlignment | Determines where the image should be placed on the card. (Top, Bottom) |
ImageMask | string | The URL or name of the image to use for the mask. |
ImageMaskColor | Color | The color to use to tint the mask. |
ImageMaskOpacity | double | The opacity to use on the mask. |
ImageOpactity | double | The opacity of the image. |
ImageRatio | string | Determines the size of the image based on the width of the parent container. The format is height:width with a default of 2.1:4. |
ImageSaturation | double | The saturation of the image. |
Tag | string | The text for the card's tag. |
TagBackgroundColor | Color | The background color of the tag. |
TagTextColor | Color | The text color of the tag. |
Tagline | string | The text to display for the tag line. |
TaglineJustification | HorizontalAlignment | The text alignment for the tagline. (Left, Right, Center) |
Title | string | The text to display for the title. |
TitleMaxLines | int | The maximum number of lines the title can be (default 2). |
TitleJustification | HorizontalAlignment | The text alignment for the title (Left, Right, Center) |