Syntax-highlighted code component type?

Is there a Dash component for wrapping literal code text in a container that applies syntax highlighting to its contents?

Use dcc.Markdown with e.g.
```python

```
instead of

```

```

1 Like

I built a component for that: GitHub - ploomber/dash-react-syntax-highlighter: Syntax highlighting for code snippets in your Dash apps.

It also adds a nice “copy” button so users can copy the snippet to the clipboard.

syntax

1 Like