An Item element represents a clickable row or block with optional text and an icon, commonly used for lists, menus, or selectable actions. It supports customizable styling, spacing, and both tap and long-press interactions.
| Field | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Identifier for the item element. |
| Text | String | {text} | Main text label displayed inside the item. |
| Text.Color | Color | {textColor} | Color of the item text. |
| Text.Style | TextStyle | {textStyle} | Styling for the text (bold, italic, etc.). |
| Text.Size | Number | 16 | Font size of the text. |
| Logo | Logo | {logo} | Image source displayed as the item icon. |
| Alt | String | {alt} | Alternative text for the icon if it fails to load. |
| Size | Number | 0 | Item height or size. |
| Margin | Number | 20 | Outer margin around the item. |
| MarginLine | Number | 10 | Vertical spacing between this and other elements. |
| OnClick | Array |
[] | List of actions triggered when the item is tapped. |
| OnLongClick | Array |
[] | List of actions triggered when the item is long-pressed. |
Coding:
{
"@Type": "Item",
"Name": "{name}",
"Text": "{text}",
"Text.Color": "{textColor}",
"Text.Style": "{textStyle}",
"Text.Size": 16,
"Logo": "{logo}",
"Alt": "{alt}",
"Size": 0,
"Margin": 20,
"MarginLine": 10,
"OnClick": [],
"OnLongClick": []
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Item in Applin Studio