All notifications displayed in this demo are hard-coded static content. To see real notifications with actual properties that the inbox can render, you need to trigger a notification using the workflow trigger code below.
curl -X POST https://api.novu.co/v1/events/trigger \
-H "Authorization: ApiKey YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"name": "issue-{event}",
"to": [
{
"type": "Topic",
"topicKey": "issue-ENG-158"
}
],
"payload": {
"id": "ef42a753-366e-4352-a852-7fbc0225777c",
"identifier": "ENG-158",
"title": "Data inconsistency in invoice generation",
"description": "Some users are reporting discrepancies in the invoice data exported from the dashboard.",
"action": "assigned",
"eventTime": "2025-02-14T06:25:02.806Z",
"path": "/demo/issue/ENG-158/data-inconsistency",
"cta": {
"label": "View issue",
"url": "/demo/issue/ENG-158/data-inconsistency"
},
"performedBy": {
"id": "09fff126-dc34-425d-b5f9-72e5378a24f4",
"name": "Jane Developer",
"avatar": "https://cdn.novu.dev/avatars/jane.jpg",
"email": "jane@example.com"
},
"stateId": "efd22ae7-093c-41bd-b32f-2d870a3de03f",
"stateLabel": "In Progress",
"priority": 3,
"labelIds": [
"8f0b3326-91da-4c9a-ba3b-160467a0141f",
"ab3b779e-d8e1-4f4c-96a0-b180fc627815"
],
"team": {
"id": "af7d4b2c-c579-4d92-a414-de29913ec2a3",
"key": "ENG",
"name": "Engineering",
"icon": "Gears",
"color": "#5e6ad2"
},
"group": {
"key": "issue-ENG-158",
"digest": "2h"
}
}
}'Replace YOUR_API_KEY with your actual Novu API key. This will create a real notification that shows all the properties the inbox component can render.
Note: To test real notifications, you need to clone this repository and run it locally with your own Novu instance. The demo environment only shows static content.
Not all issue data shown in this demo needs to be passed in the notification payload. Only include the necessary properties for your use case.
Learn more: Visit the inbox directory item page to explore the workflow schema and data models for optimal payload structure.