File tree 1 file changed +18
-1
lines changed
apps/www/content/docs/components
1 file changed +18
-1
lines changed Original file line number Diff line number Diff line change @@ -44,13 +44,30 @@ npx shadcn@latest add https://shadcn-chatbot-kit.vercel.app/r/markdown-renderer.
44
44
<Step >Install the required dependencies</Step >
45
45
46
46
``` bash
47
- npm install react-markdown remark-gfm
47
+ npm install react-markdown remark-gfm shiki
48
48
```
49
49
50
50
<Step >Copy and paste the following code into your project.</Step >
51
51
52
52
<ComponentSource name = " markdown-renderer" />
53
53
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
+
54
71
<Step >Update the import paths to match your project setup.</Step >
55
72
56
73
</Steps >
You can’t perform that action at this time.
0 commit comments