@@ -9,9 +9,7 @@ We will be using the [Feliz.Shadcn](https://github.com/reaptor/feliz.shadcn) wra
9
9
10
10
Check out the following recipe here to install Tailwind: [ Add Tailwind] ( https://safe-stack.github.io/docs/recipes/ui/add-tailwind/ )
11
11
12
- #### 2. Move ` package.json ` & ` package-lock.json ` to ` /src/Client `
13
-
14
- #### 3. Configure import alias in tsconfig:
12
+ #### 2. Configure import alias in tsconfig:
15
13
16
14
Create a file named ` tsconfig.json ` in ` /src/Client ` and add the following:
17
15
@@ -29,7 +27,7 @@ Create a file named `tsconfig.json` in `/src/Client` and add the following:
29
27
}
30
28
```
31
29
32
- #### 4 . Update the ` vite.config.mts ` within ` /src/Client `
30
+ #### 3 . Update the ` vite.config.mts ` within ` /src/Client `
33
31
34
32
Add the ` resolve ` property below under the ` defineConfig `
35
33
@@ -45,7 +43,7 @@ export default defineConfig({
45
43
});
46
44
```
47
45
48
- #### 5 . Install shadcn/ui
46
+ #### 4 . Install shadcn/ui
49
47
50
48
> Note: ensure your node version is > 20.5.0
51
49
@@ -55,15 +53,15 @@ npx shadcn@latest init
55
53
56
54
You will be asked a few questions to configure components.json
57
55
58
- #### 6 . Add Feliz.Shadcn
56
+ #### 5 . Add Feliz.Shadcn
59
57
60
58
Inside the ` /src/Client ` directory run:
61
59
62
60
```
63
61
dotnet add package Feliz.Shadcn
64
62
```
65
63
66
- #### 7 . Start adding any shadcn component
64
+ #### 6 . Start adding any shadcn component
67
65
68
66
Specify first which components you want to use.
69
67
You can find the list of available components [ here] ( https://reaptor.github.io/Feliz.Shadcn/ ) :
@@ -72,7 +70,7 @@ You can find the list of available components [here](https://reaptor.github.io/F
72
70
npx shadcn@latest add button
73
71
```
74
72
75
- #### 8 . Use it in Feliz:
73
+ #### 7 . Use it in Feliz:
76
74
77
75
``` fsharp
78
76
open Feliz.Shadcn
0 commit comments