File tree 3 files changed +32
-7
lines changed
apps/website/src/routes/docs/tailwind/(getting-started)
3 files changed +32
-7
lines changed Original file line number Diff line number Diff line change @@ -17,8 +17,24 @@ export default component$(() => {
17
17
</ div >
18
18
19
19
< p class = "text-lg mt-6 mb-6" >
20
- That's it! The Tailwind Kit is now installed and ready for use in your
21
- Qwik project.
20
+ Which should install DasiyUI as part of its dependencies. Then you can
21
+ add daisyUI to your < code class = "bg-black" > tailwind.config.js</ code > { ' ' }
22
+ file:
23
+ </ p >
24
+
25
+ < div class = "mt-4" >
26
+ < pre class = "bg-black max-w-prose p-8 border-white border text-white" >
27
+ { `module.exports = {
28
+ //...
29
+ plugins: [require("daisyui")],
30
+ //...
31
+ }` }
32
+ </ pre >
33
+ </ div >
34
+
35
+ < p class = "text-lg mt-6 mb-6" >
36
+ This will install That's it! The Tailwind Kit is now installed and ready
37
+ for use in your Qwik project.
22
38
</ p >
23
39
24
40
< p class = "text-lg mb-6" >
Original file line number Diff line number Diff line change @@ -11,10 +11,17 @@ export default component$(() => {
11
11
12
12
< p class = "mt-8 leading-relaxed mb-10" >
13
13
Welcome to the Tailwind Kit, a collection of ready-to-use, beautifully
14
- styled components designed to work seamlessly with Qwik. The Tailwind
15
- Kit is perfect for developers who want to build their web applications
16
- with a consistent, modern design while maintaining a strong focus on
17
- accessibility.
14
+ styled components powered by{ ' ' }
15
+ < a target = "_blank" href = "https://tailwindcss.com" class = "text-blue-400" >
16
+ Tailwind
17
+ </ a > { ' ' }
18
+ and{ ' ' }
19
+ < a target = "_blank" href = "https://daisyui.com/" class = "text-blue-400" >
20
+ DasiyUI
21
+ </ a > { ' ' }
22
+ designed to work seamlessly with Qwik. The Tailwind Kit is perfect for
23
+ developers who want to build their web applications with a consistent,
24
+ modern design while maintaining a strong focus on accessibility.
18
25
</ p >
19
26
20
27
< h3 class = "text-2xl font-semibold mb-4" > Why Choose the Tailwind Kit?</ h3 >
Original file line number Diff line number Diff line change 32
32
"start" : " vite --open --mode ssr" ,
33
33
"qwik" : " qwik"
34
34
},
35
- "dependencies" : {}
35
+ "dependencies" : {
36
+ "daisyui" : " ^2.50.1"
37
+ }
36
38
}
You can’t perform that action at this time.
0 commit comments