Skip to content

Commit 36840a6

Browse files
committed
fix(docs): fix install instructions for markdown renderer
1 parent 98caf0c commit 36840a6

File tree

1 file changed

+18
-1
lines changed

1 file changed

+18
-1
lines changed

apps/www/content/docs/components/markdown-renderer.mdx

+18-1
Original file line numberDiff line numberDiff line change
@@ -44,13 +44,30 @@ npx shadcn@latest add https://shadcn-chatbot-kit.vercel.app/r/markdown-renderer.
4444
<Step>Install the required dependencies</Step>
4545

4646
```bash
47-
npm install react-markdown remark-gfm
47+
npm install react-markdown remark-gfm shiki
4848
```
4949

5050
<Step>Copy and paste the following code into your project.</Step>
5151

5252
<ComponentSource name="markdown-renderer" />
5353

54+
<Step>Add the following options into `tailwind.config.js`</Step>
55+
56+
<Step>Add the following options into `tailwind.config.js`</Step>
57+
58+
Add the following in the `theme.extend.colors` section of your `tailwind.config.js` file
59+
60+
```javascript title="tailwind.config.js"
61+
// ...
62+
shiki: {
63+
light: "var(--shiki-light)",
64+
"light-bg": "var(--shiki-light-bg)",
65+
dark: "var(--shiki-dark)",
66+
"dark-bg": "var(--shiki-dark-bg)",
67+
},
68+
// ...
69+
```
70+
5471
<Step>Update the import paths to match your project setup.</Step>
5572

5673
</Steps>

0 commit comments

Comments
 (0)