react-three-game 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -0
- package/package.json +1 -1
- package/tsconfig.json +0 -18
package/README.md
CHANGED
|
@@ -30,6 +30,33 @@ Scenes are JSON prefabs. Components are registered modules. Hierarchy is declara
|
|
|
30
30
|
}} />
|
|
31
31
|
```
|
|
32
32
|
|
|
33
|
+
## Tailwind CSS Support
|
|
34
|
+
|
|
35
|
+
This library uses Tailwind CSS for styling its editor components. To ensure styles are correctly applied in your application, you need to configure Tailwind to scan the library's source files.
|
|
36
|
+
|
|
37
|
+
### Tailwind v4
|
|
38
|
+
|
|
39
|
+
Add the library path to your CSS entry point using the `@source` directive:
|
|
40
|
+
|
|
41
|
+
```css
|
|
42
|
+
@import "tailwindcss";
|
|
43
|
+
@source "../node_modules/react-three-game/src";
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Tailwind v3
|
|
47
|
+
|
|
48
|
+
Add the library path to your `tailwind.config.js`:
|
|
49
|
+
|
|
50
|
+
```js
|
|
51
|
+
module.exports = {
|
|
52
|
+
content: [
|
|
53
|
+
// ...
|
|
54
|
+
"./node_modules/react-three-game/src/**/*.{js,ts,jsx,tsx}",
|
|
55
|
+
],
|
|
56
|
+
// ...
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
33
60
|
## Quick Start
|
|
34
61
|
|
|
35
62
|
```bash
|
package/package.json
CHANGED
package/tsconfig.json
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "ES6",
|
|
4
|
-
"lib": ["ES2017", "DOM"],
|
|
5
|
-
"module": "ESNext",
|
|
6
|
-
"jsx": "react-jsx",
|
|
7
|
-
"declaration": true,
|
|
8
|
-
"declarationDir": "dist",
|
|
9
|
-
"outDir": "dist",
|
|
10
|
-
"strict": true,
|
|
11
|
-
"esModuleInterop": true,
|
|
12
|
-
"skipLibCheck": true,
|
|
13
|
-
"moduleResolution": "bundler",
|
|
14
|
-
"allowSyntheticDefaultImports": true
|
|
15
|
-
},
|
|
16
|
-
"include": ["src"],
|
|
17
|
-
"exclude": ["node_modules", "dist"]
|
|
18
|
-
}
|