GM - RelatedList Cards component is used to display a related list as cards. This component is relevant for small related lists.
Use case: Display the list of payment methods as cards on the account page.
Specification
GM - RelatedList Cards component has the same properties as GM - RelatedList Tabs. Custom Actions will be displayed as dropdown menu.
API Reference
<design:componentlabel="GM - RelatedList Cards"> <design:attributename="recordId"label="recordId"description="recordId to use. Keep this empty if you want to use the current record"/> <design:attributename="relatedListLabel"label="Related List Label"description="The label defined in the layout page. Ex. Contacts to display contact list on account page"/> <design:attributename="rowLimit"label="Row Limit"description="The maximum number of row to fetch"/> <design:attributename="filter"label="Filter"description="Json string to define filter criteria. Donβt forget __c for custom fields. Ex. {'StageName':'Needs Analysis'} to see only 'Needs Analysis' Opportunities"/> <design:attributename="sort"label="Sort"description="The field list to sort the data grid. This field is used only for the initial load. Donβt forget __c for custom fields. Ex. Amount to sort opportunities by amount"/> <design:attributename="order"label="Order"description="Asc or Desc order for sorting"/> <design:attributename="labelField"label="Label Field"description="Label Field for section title "/> <design:attributename="recordFields"label="Record Fields"description="Record Fields to display"/> <design:attributename="layoutColumns"label="# of Columns"description="# of Columns for record layout"/> <design:attributename="recordRelated"label="Record Related Components"description="Json string to initialize related components"/> <design:attributename="canUpdate"label="Can Update Object"description="Check this option if you want to update object"/> <design:attributename="canDelete"label="Can Delete Object"description="Check this option if you want to delete object"/> <design:attributename="canCreate"label="Can Create Object"description="Check this option if you want to create object"/> <design:attributename="recordActions"label="Actions"description="JSON Record Actions"/> <design:attributename="customIcon"label="Custom Icon"description="Customize the card icon. All lightning icons are supported. You can get the icon name from https://lightningdesignsystem.com/icons/"/> <design:attributename="showBorder"label="Show Border"description="Show Border"/> <design:attributename="height"label="Component Height"description="Set the component height"/> </design:component>