Item
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. |
🔗 Additional Resources
To learn how to build this same element using JSON coding, visit:
Develop the Item with JSON