34
34
- [ Calling defineCustomElements] ( #calling-definecustomelements )
35
35
- [ Edge (Chakra Core) and IE11 polyfills] ( #edge-chakra-core-and-ie11-polyfills )
36
36
- [ React] ( #react )
37
- - [ Live Demo] ( #live-demo-1 )
37
+ - [ Live Demo (Create React App)] ( #live-demo-create-react-app )
38
+ - [ Live Demo (NextJS)] ( #live-demo-nextjs )
38
39
- [ Sample code] ( #sample-code-1 )
39
40
- [ Vue] ( #vue )
40
- - [ Live Demo] ( #live-demo-2 )
41
+ - [ Live Demo] ( #live-demo-1 )
41
42
- [ Sample code] ( #sample-code-2 )
42
43
- [ No Framework] ( #no-framework )
43
- - [ Live Demo] ( #live-demo-3 )
44
+ - [ Live Demo] ( #live-demo-2 )
44
45
- [ Sample Code] ( #sample-code )
45
46
- [ Notes] ( #notes )
46
47
- [ TypeScript module augments] ( #typescript-module-augments )
@@ -66,7 +67,7 @@ Discord message components to easily build and display fake Discord messages on
66
67
67
68
## Features
68
69
69
- - Design modelled after [ Discord] ( https://discordapp .com/ ) itself
70
+ - Design modelled after [ Discord] ( https://discord .com/ ) itself
70
71
- Comfy and compact mode support
71
72
- Dark and light themes support
72
73
- Set the message author's username, avatar (use defaults or provide your own), role color, and "bot" tag status
@@ -163,9 +164,13 @@ applyPolyfills().then(() => {
163
164
164
165
### React
165
166
166
- #### Live Demo
167
+ #### Live Demo (Create React App)
168
+
169
+ [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/discord-components-create-react-app-64k90 )
170
+
171
+ #### Live Demo (NextJS)
167
172
168
- [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/discord-components-react-64k90 )
173
+ [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/discord-components-nextjs-hdzov )
169
174
170
175
#### Sample code
171
176
0 commit comments