Display items in a card layout.
A list of options presented in a card layout to select an individual value. Options are dynamically mapped from a query, transformer, or any other data source.
Properties
Available properties for Mobile Card Collection. You can write JavaScript almost anywhere in Retool to manipulate or read information about components.
bodyByIndex string[]
An array of body values for each option, by index.
cardSize 'full' | 'half'
The size with which to render cards on the layout.
cardStyle 'flat' | 'elevated
The style with which to render cards on the layout.
cardType 'compact' | 'card
The type of card to render on the layout.
data object[]
The source data that is rendered by the component.
id string
The name of the component.
itemMode 'dynamic'
The evaluation mode for items. Mobile components always use dynamic mode to map item options and their properties.
pluginType string
The component type.
prefixIconByIndex IconKey[]
A list of prefix icons for each item, by index.
prefixImageFitByIndex string[]
A list of image fit values for each item, by index. One of cover, contain, stretch, or center.
prefixImageSizeByIndex string[]
A list of image aspect ratios for each item, by index.
prefixImageSourceByIndex string[]
A list of image source URLs for each item, by index.
prefixTypeByIndex string[]
A list of the suffix types for each option, by index.
scrollDirection 'horizontal' | 'vertical
The scroll direction of the collection.
selectedIndex number | null
The index of the currently selected item.
selectedItem unknown
The currently selected item.
showSeparator boolean
Whether to render a separator between items.
subtitleByIndex string[]
A list of subtitle values for each option, by index.
subtitleLengthByIndex string[]
A list of subtitle value lengths for each option, by index.
suffixIconByIndex IconKey[]
A list of suffix icons for each item, by index.
suffixTextByIndex string[]
A list of suffix text values for each item, by index.
suffixTypeByIndex string[]
A list of the suffix types for each item, by index.
suffixValueByIndex string[]
A list of the suffix values for each item, by index.
titleByIndex string[]
A list of title values for each item, by index.