How do I fill a valuebox with OJS?

[h3ndrik]

Description

Is there a way to fill the dasboard valuebox with ojs?

---
title: "test"
format: dashboard
---

```{ojs}
value = 42
```

```{ojs}
//| content: valuebox
//| title: "Test"
//| icon: pencil
//| color: primary
???
```

Unfortunately the documentation doesn't include an example for ojs. And I can't get the dict right. I've had a look at the ojs documentation. And I was able to output a JS Object with a value key, but that's also not rendered like the numbers from R or python, but shows up as Object {value: 42}

[mcanouil]

Why don't you use "value"?

---
title: "test"
format: dashboard
---

## Row 

```{ojs}
//| include: false
value = 42
```

```{ojs}
//| content: valuebox
//| title: "Test"
//| icon: pencil
//| color: primary
value
```

[mcanouil]

I opened an issue to track this:

• Observable value box not style as Python/R #8823

[mcanouil]

Workaround use the markdown syntax using fenced divs.

---
title: "test"
format: dashboard
---

## Row 

```{ojs}
//| include: false
value = 12
```

::: {.valuebox icon="pencil" color="primary"}
Articles per day

`{ojs} value`
:::

[h3ndrik]

Thank you very much. That works fine.