| `data-src` | `undefined` | URL of the inbox to display. |
| `id-suffix` | `""` | String added at the end of the data source URL. Useful if you are using `bind-user` to get the current user URL. |
| `extra-context` | `{}` | Context to add to let the router know where to navigate after a click on a notification. |
| `date-format` | `"DD/MM/YYYY - kk:mm"` | Format of the date displayed in the notifications box. For more informations about available formats, look at the [moment.js doc](https://momentjs.com/docs/#/displaying/format/). |
### Routing
To redirect to specific pages when you click on a notification, you should:
To redirect to specific pages when you click on a notification, you should:
1. Choose a route to be the default view for a resource type. To do this, add the attribute `rdf-type` to a `sib-route` (ex: `<sib-route name="project" rdf-type="doap:project"></sib-route>`)
2. Add an `extra-context` to the sib-conversation component, so it can understands the `rdf_type` you used before.
...
...
@@ -48,6 +58,13 @@ In your template, insert the following line where you want to display the compon
| `data-src` | `undefined` | URL of the resource or container of which you want to get the unread notifications. |
| `id-suffix` | `""` | String added at the end of the data source URL. Useful if you are using `bind-resource` to get the current displayed resource. |
### Design
To customize your component, you can set the css variable `--sib-badge-theme` anywhere in your stylesheet to the color you want.