Skip to content

CardBody

The card body is the central part of the card that is used to display additional information alongside the content shown in the card header.

When assigning a rule to a property of CardBody, the rule will be passed an instance of the following proxy class as an argument:

CardBody Properties

Property Type Required Default
BindingCollection Bindable No
Content complex No
Contents complex No
Separators object No
Visible boolean No true
_Name string No
_Type const No

BindingCollection

Definition of the BindingCollection to dynamically populate the collection. You can set this to binding/rule to return an array of data items.

Note: If this is set to binding/rule, you must return an array of data items.

Content

Dynamic binding of Content. The content can be text, label bar, space, and separator. Content must be paired with BindingCollection.

  • type: complex

Content Value

Any following options needs to be fulfilled.

Option 1

Option 2

Expects return of BodyContent.

Contents

Static binding of Content. The content can be text, label bar, space, and separator. Contents is ignored if Content and BindingCollection are defined.

  • type: complex

Contents Value

Any following options needs to be fulfilled.

Option 1

Array of content.

Array type:

All items must be of the type:

Option 2

Expects return of BodyContent in array format.

Separators

Card separators.

  • type: object with following properties.
Property Type Required Default
HeaderSeparator boolean No
BodySeparator boolean No
FooterSeparator boolean No
Styles object No

HeaderSeparator

Separator between card header and body.

BodySeparator

Separator between card body contents.

FooterSeparator

Separator between card body and footer.

Styles

Style to be applied on the card body separators.

  • type: object with following properties.
Property Type Required Default
HeaderSeparator string No
BodySeparator string No
FooterSeparator string No

HeaderSeparator

The string value is a style class name for HeaderSeparator.

BodySeparator

The string value is a style class name for BodySeparator.

FooterSeparator

The string value is a style class name for FooterSeparator.

Visible

  • type: boolean
  • default: true

_Name

  • type: string

_Type

  • type: const

The value of this property must be:

"Card.Type.Body"