soluid 0.1.0 → 0.1.2
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 +9 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -11,9 +11,11 @@ npm install -D soluid
|
|
|
11
11
|
## CLI
|
|
12
12
|
|
|
13
13
|
```sh
|
|
14
|
-
npx soluid init
|
|
15
|
-
npx soluid
|
|
16
|
-
npx soluid
|
|
14
|
+
npx soluid init # create soluid.config.json interactively
|
|
15
|
+
npx soluid install # install components and CSS
|
|
16
|
+
npx soluid add <component...> # add components to config
|
|
17
|
+
npx soluid remove <comp...> # remove components from config
|
|
18
|
+
npx soluid list # list available components
|
|
17
19
|
```
|
|
18
20
|
|
|
19
21
|
## Config
|
|
@@ -23,19 +25,20 @@ npx soluid list # shows available components
|
|
|
23
25
|
```json
|
|
24
26
|
{
|
|
25
27
|
"componentDir": "src/components/ui",
|
|
26
|
-
"alias": "
|
|
28
|
+
"alias": "",
|
|
27
29
|
"aliasBase": "src",
|
|
30
|
+
"cssPath": "src/styles/soluid.css",
|
|
28
31
|
"components": ["Button", "TextField", "Dialog"]
|
|
29
32
|
}
|
|
30
33
|
```
|
|
31
34
|
|
|
32
35
|
## Setup
|
|
33
36
|
|
|
34
|
-
Import
|
|
37
|
+
Import CSS in your app's entry point:
|
|
35
38
|
|
|
36
39
|
```tsx
|
|
37
40
|
// src/index.tsx
|
|
38
|
-
import "./
|
|
41
|
+
import "./styles/soluid.css";
|
|
39
42
|
```
|
|
40
43
|
|
|
41
44
|
Theme/density switching:
|