Code
Show a code example or technical excerpt. Keep the excerpt focused and use the title or caption to explain its purpose.
Metadata
Attributes
| Field | Value |
|---|---|
| tags | Visuals |
| areas | [ [ "title", "title" ], [ "code", "notes" ] ] |
| columns | 3, 2 |
| rows | auto, 1 |
| regions | { "code": { "accepts": [ "code" ], "role": "primary", "flow": "column" }, "notes": { "accepts": [ "text", "list" ], "role": "supporting", "flow": "column" } } |
| preview | { "vectorSrc": "https://www.pptx.gallery/layout-previews/code.svg" } |
Source JSON
{
"$schema": "https://openpresentation.org/schema/opf-layout/v2",
"id": "code",
"name": "Code",
"summary": "Source code with the explanation beside it.",
"tags": [
"Visuals"
],
"areas": [
[
"title",
"title"
],
[
"code",
"notes"
]
],
"columns": [
3,
2
],
"rows": [
"auto",
1
],
"regions": {
"code": {
"accepts": [
"code"
],
"role": "primary",
"flow": "column"
},
"notes": {
"accepts": [
"text",
"list"
],
"role": "supporting",
"flow": "column"
}
},
"description": "Show a code example or technical excerpt. Keep the excerpt focused and use the title or caption to explain its purpose.",
"preview": {
"vectorSrc": "https://www.pptx.gallery/layout-previews/code.svg"
}
}