They are surfaces in material design that display content and actions on a single topic.
{
headerTitle: string, // card header title
headerSubtitle: string, // card header subtitle or subheader
headerAvatar: string, // card header avatar. can be a single character or a path to an image
headerAction: string, // card header action. A material icon font
media: string, // path to an image
bodyTitle: string, // title of the card content
bodyText: string, // long description of the card
actions: array, // list of icon buttons. can be a list of material-icon fonts if actionType is an "icon"
actionType: string, // type of action. can be a "button" or "icon"
onAction: function, // callback when card actions are clicked. refer to setOnAction method for arguments
onHeaderAction: function // callback when header action is clicked. refer to setOnHeaderAction method for arguments
}
headerTitle: string, // card header title
headerSubtitle: string, // card header subtitle or subheader
headerAvatar: string, // card header avatar. can be a single character or a path to an image
headerAction: string, // card header action. A material icon font
media: string, // path to an image
bodyTitle: string, // title of the card content
bodyText: string, // long description of the card
actions: array, // list of icon buttons. can be a list of material-icon fonts if actionType is an "icon"
actionType: string, // type of action. can be a "button" or "icon"
onAction: function, // callback when card actions are clicked. refer to setOnAction method for arguments
onHeaderAction: function // callback when header action is clicked. refer to setOnHeaderAction method for arguments
}
These are the methods for Card component.
Properties
The following properties are available on the Card object:
absHeight → Number
absLeft → Number
absTop → Number
absWidth → Number
actions → List
actionType → Object
backColor → String
backImage → String
bodyText → String
bodyTitle → String
border → Number
borderColor → String
borderStyle → String
cornerRadius → Number
disabled → Boolean
el → Object
elevation → Number
elStyle → String
fontFile → String
headerAction → String
headerAvatar → String
headerAvatarColor → String
headerSubtitle → String
headerTitle → String
height → Number
isVisible → Boolean
layout → Object
left → Number
margins → List
media → String
opacity → Number
options → String
padding → List
parent → Object
position → Object
rotation → Number
textColor → String
textSize → Number
top → Number
type → String
visibility → String
width → Number
Methods
The following methods are available on the Card object:
destroy()
getPosition(
options )
→ Object
gone()
hide()
setOnAction(
cb )
show()