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