How to Use
The Render Document brick is a versatile renderer brick that can contain any other renderer brick as well as different formatting options for text and data. After adding the Render Document brick to a blueprint, you can use the ‘preview’ tab on the right to customize it.
You can add the following components to elements by clicking the three dots on the top right:
- Header 1-3 or Text: display different sizes of text from the ‘title’ or ‘text’ field
- Container: place a container as well as row and column components; can contain multiple components
- Card: similar to a container, but with a title and border around it
- Block: Used to insert another renderer brick. Will show the fields of that brick as its own fields.
- Button: runs a brick
- List: used to create one copy of a component for each item in an array, passed into the ‘array’ field; in the contained objects you can access the item they correspond to using whatever you set the ‘element key’ field to
Examples
- Tutorial: Translation Tutorial (10 min)
Inputs
| Name | Required | Type | Description |
|---|---|---|---|
body |
array
|
A list of document element configurations | |
inlineStyle |
string
|
Document-specific CSS to apply. Rules take precedence over rules from CSS Stylesheet URLs | |
stylesheets |
array
|
Stylesheets will apply to the rendered document in the order listed here | |
rendererVersion |
string
|
The renderer version to use for this document | |
disableParentStyles |
boolean
|
Disable the default/inherited styling for the rendered document. This will apply to nested bricks as well. |
Outputs
| Name | Required | Type | Description |
|---|---|---|---|
| No outputs for this brick defined. | |||