A Code element displays formatted code text inside a styled container. It allows customization of background color, spacing, rounded corners, and elevation, making it useful for tutorials, technical samples, or any place where readable code snippets are needed.
| Field | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Name of the code block element. |
| Text | String | {text} | The code content to display. |
| Elevation | Number | 0 | Shadow depth applied to the code container. |
| Color | String | {color} | Background color of the code block. |
| Size | Number | 0 | Height of the code block (0 = auto-size). |
| Radius | Number | 12 | Border radius of the code block. |
| Margin | Number | 20 | Outer margin around the code block. |
| MarginLine | Number | 10 | Inner line spacing relative to other elements. |
Coding:
{
"@Type": "Code",
"Name": "{name}",
"Text": "{text}",
"Elevation": 0,
"Color": "{color}",
"Size": 0,
"Radius": 12,
"Margin": 20,
"MarginLine": 10
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Code in Applin Studio