Envisioning App Blocks
ListItemBlock
ListItemBlock
ListItemBlock
ListItemBlock
Object containing the following properties:
| Property | Description | Type | Default |
|---|---|---|---|
block (*) | must be ListItemBlock | 'ListItemBlock' | |
id | string | 'ListItemBlock' | |
objectId | string | ||
mainLabel (*) | The main label of the card item | string | |
extraLabel | The extra label of the card item | Record<string, string> | string | |
imageUrl | The the thumbnail image URL | string | |
size | The size of the card item | 'xl' | 'lg' | 'md' | 'sm' | |
iconName | The name of the icon. Works as fallback if no image is provided | 'arrowLeft' | 'arrowRight' | 'arrowUpRight' | 'arrowDown' | 'blocks' | 'box' | 'cancel' | 'copyMarkdownEv' | 'chevronDown' | 'download' | 'draftingCompass' | 'chevronLeft' | 'chevronRight' | 'chevronsLeftRight' | 'circleCheck' | 'circleHelp' | 'circleX' | 'circleXEv' | 'circle' | 'circleSmall' | ... | never | |
iconSize | The size of the icon | number | |
iconColor | The color of the icon | 'context' | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'background' | 'background-plus' | 'background-dimmed' | 'background-disabled' | 'border' | 'foreground' | 'disabled' | 'dimmed' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | ... | never | |
thumbColor | The thumbnail bg | 'context' | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'background' | 'background-plus' | 'background-dimmed' | 'background-disabled' | 'border' | 'foreground' | 'disabled' | 'dimmed' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | ... | never | |
to (*) | Navigation target for the card item | Object with properties:
string | |
schemaKey | Schema key for filtering/highlighting logic | string | |
showFavorite | Whether to show the favorite button | boolean | |
mainLabelSize | The size of the main label | 'lg' | 'md' | 'sm' | 'xs' | |
mainLabelColor | 'context' | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'background' | 'background-plus' | 'background-dimmed' | 'background-disabled' | 'border' | 'foreground' | 'disabled' | 'dimmed' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | ... | never | ||
extraLabelSize | The size of the extra label | 'mn' | 'xm' | |
extraLabelColor | 'context' | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'background' | 'background-plus' | 'background-dimmed' | 'background-disabled' | 'border' | 'foreground' | 'disabled' | 'dimmed' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | ... | never | ||
variant | The variant of the item title | 'default' | 'labelTop' | 'labelBottom' |
(*) Required.