The Lightning card component displays a simple card. You can set the title, the footer, and the body. You can also add action buttons.
The code for the Lightning card component is as follow:
<aura:component> <Lightning:card footer="Card Footer" title="Hello"> <aura:set attribute="actions"> <Lightning:button label="Search"/> </aura:set> <p class="slds-p-horizontal_small"> Card Body (custom component) </p> </Lightning:card></aura:component>
The following table contains more detailed descriptions of the attributes:
NAME | TYPE | ACCESS | REQUIRED | DEFAULT | DESCRIPTION |
---|---|---|---|---|---|
body | component[] | GLOBAL | No |
Inherited from aura:component. The body of the component. In markup, this is everything in the body tag. |
|
title | object ... |