How to design Slack templates using text editor or JSONNET editor for rich block kit templates.
{{...}}
. If the output has special html text, enclose variable in triple curly braces as {{{url}}}
to avoid HTML escaping.
data.variable_name
or data["$variable_name"]
.
1. Simple Text Template
2. With Buttons: Approval Request
3. With Image: Anomaly Alert
4. With Array List: Pending Task Digest (Batched Alert)
Variable Type | Handlebars Syntax | JSONNET Syntax |
---|---|---|
Parent Level variables | {{user_name}} | data.user_name |
Nested Object | {{org.name}} | data.org.name |
Print Array element at Index | {{task_list.[0].task_name}} | data.task_list[0].task_name |
Recipient | {{$recipient.name}} | data["$recipient"].name |
Actor | {{$actor.name}} | data["$actor"].name |
Tenant | {{$tenant.brand_name}} | data["$tenant"].brand_name |
Mock data
button for all variables used in the templateLoad Preview
to see the rendered templateView in Slack Block Kit
to see the actual Slack UI preview