# marker

The marker icon that can be added to the component in the UI to give some extra context. The most common use case is to display e.g. a "Beta" badge to tell the user that this component is in beta. The marker must be in the Data URI image format as described here: [https://en.wikipedia.org/wiki/Data\_URI\_scheme](https://en.wikipedia.org/wiki/Data_URI_scheme). `image/png` or `image/svg+xml` image types are recommended. The marker icon is displayed in the top right corner of the component shape.\
\
Example:

![Beta badge](https://4112778861-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LATDgYqVMe0hChW7efU%2F-M-FD9epr8sG3GNneyMe%2F-M-K3NhV1AWHMnlWSaAb%2FScreenshot%202020-02-05%20at%2012.17.03.png?alt=media\&token=3552e477-311a-4fed-9cc2-44224dced9d9)

```
{
    "marker": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL..."
}
```
