The Li element is a simple list item component used for creating structured lists.
It displays text with customizable color, style, and size.
It supports layout controls such as margin and marginLine for spacing.
This element is purely visual and does not include interactive behavior like OnClick.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Internal unique identifier. |
| Text | String | {text} | The visible text of the list item. |
| Text.Color | Color | {textColor} | Color of the text. |
| Text.Style | TextStyle | {textStyle} | Style of the text (bold, italic, etc). |
| Text.Size | Number | 16 | Font size. |
| Color | String | {color} | Background or accent color. |
| Margin | Number | 20 | Outer spacing around the element. |
| MarginLine | Number | 10 | Vertical spacing between this and next element. |
Coding:
{
"@Type": "Li",
"Name": "{name}",
"Text": "{text}",
"Text.Color": "{textColor}",
"Text.Style": "{textStyle}",
"Text.Size": 16,
"Color": "{color}",
"Margin": 20,
"MarginLine": 10
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Li in Applin Studio