daisyui 2.13.6 → 2.14.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 +25 -63
- package/dist/full.css +1 -1
- package/dist/styled.css +4 -8
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/themes.css +6 -6
- package/dist/unstyled.css +1 -8
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-styled.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
[![][logo-url]][docs-url]
|
|
4
4
|
|
|
5
|
-
**Tailwind CSS
|
|
6
|
-
Adds component classes like `btn`, `card` and more to Tailwind CSS
|
|
5
|
+
**The most popular, free and open-source Tailwind CSS component library**
|
|
7
6
|
|
|
8
|
-
[ [See all components]
|
|
7
|
+
[ [See all components](https://daisyui.com/components/) ]
|
|
9
8
|
|
|
10
9
|
[![][tweet]][tweet-url]
|
|
11
10
|
|
|
@@ -18,38 +17,19 @@ Adds component classes like `btn`, `card` and more to Tailwind CSS
|
|
|
18
17
|
[![][build]][build-url] [![][npm]][npm-url] [![][number-of-components]][docs-url] [![][license]][license-url]
|
|
19
18
|
[![][dl]][npm-url] [![][stars]][gh-url] [![][commit]][gh-url]
|
|
20
19
|
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
- 📦 Source: [GitHub][gh-url] | [NPM][npm-url] | [Unpkg][unpkg-url] | [JSdeliver][jsdeliver-url] | [cdnjs][cdnjs-url]
|
|
20
|
+
- [Official website →](https://daisyui.com/)
|
|
21
|
+
- [See all components →](https://daisyui.com/components/)
|
|
22
|
+
- [How to use →](https://daisyui.com/docs/install/)
|
|
25
23
|
|
|
26
|
-
---
|
|
27
24
|
|
|
28
25
|
## 🌼 Features
|
|
29
26
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
- **Tailwind CSS plugin**
|
|
36
|
-
daisyUI is a Tailwind CSS plugin. Install it and add it to your `tailwind.config.js` file.
|
|
37
|
-
- **Component classes**
|
|
38
|
-
Adds component classes to Tailwind. Classes like `btn`, `card`,… So you will end up with a cleaner HTML.
|
|
39
|
-
- **Semantic color names**
|
|
40
|
-
Adds color names like `primary`, `secondary`, `accent`,….
|
|
41
|
-
- **Customizable**
|
|
42
|
-
You can customize the design of components with Tailwind utility classes and CSS variables.
|
|
43
|
-
- **Themeable**
|
|
44
|
-
Add multiple themes and customize colors. You can even set a theme for a specific section of your page.
|
|
45
|
-
- **RTL supported**
|
|
46
|
-
Enable `rtl` config for right to left layouts.
|
|
47
|
-
- **Pure CSS**
|
|
48
|
-
No script file. Pure CSS. Works on all frameworks!
|
|
27
|
+
- A plugin for Tailwind CSS
|
|
28
|
+
- Faster development
|
|
29
|
+
- Cleaner HTML
|
|
30
|
+
- Customizable and themeable
|
|
31
|
+
- Pure CSS. Works on all frameworks
|
|
49
32
|
|
|
50
|
-
</details>
|
|
51
|
-
|
|
52
|
-
---
|
|
53
33
|
|
|
54
34
|
## 📀 Install now!
|
|
55
35
|
|
|
@@ -57,8 +37,8 @@ Adds component classes like `btn`, `card` and more to Tailwind CSS
|
|
|
57
37
|
npm i daisyui
|
|
58
38
|
```
|
|
59
39
|
|
|
60
|
-
Then add daisyUI to your `tailwind.config.js
|
|
61
|
-
|
|
40
|
+
Then add daisyUI to your `tailwind.config.js`:
|
|
41
|
+
|
|
62
42
|
|
|
63
43
|
```js
|
|
64
44
|
module.exports = {
|
|
@@ -66,6 +46,8 @@ module.exports = {
|
|
|
66
46
|
};
|
|
67
47
|
```
|
|
68
48
|
|
|
49
|
+
[ [Read more →][docs-url-install] ]
|
|
50
|
+
|
|
69
51
|
<details>
|
|
70
52
|
<summary>
|
|
71
53
|
Or use a CDN
|
|
@@ -74,54 +56,35 @@ module.exports = {
|
|
|
74
56
|
Loading CSS files from CDN is not recommended for production. It's better to install Tailwind and daisyUI as Nodejs dependencies so you can config/customize everything, and purge unused styles.
|
|
75
57
|
|
|
76
58
|
```html
|
|
77
|
-
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.
|
|
59
|
+
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.14.1/dist/full.css" rel="stylesheet" type="text/css" />
|
|
78
60
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
79
61
|
```
|
|
80
62
|
|
|
81
63
|
</details>
|
|
82
64
|
|
|
83
|
-
---
|
|
84
65
|
|
|
85
66
|
## 🚀 Use
|
|
86
67
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
```html
|
|
90
|
-
<a class="btn">Hello!</a>
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
```html
|
|
94
|
-
<input type="checkbox" class="checkbox" />
|
|
95
|
-
```
|
|
68
|
+
[[See all components →](https://daisyui.com/components/)]
|
|
96
69
|
|
|
97
|
-
```html
|
|
98
|
-
<input type="checkbox" class="toggle" />
|
|
99
|
-
```
|
|
100
70
|
|
|
101
|
-
|
|
102
|
-
<div class="alert alert-success">Message sent successfully</div>
|
|
103
|
-
```
|
|
71
|
+
## 📘 Documents + Examples
|
|
104
72
|
|
|
105
|
-
|
|
106
|
-
🎲 [Try it online][tw-play-url]
|
|
73
|
+
See the official site: [ [daisyui.com →](https://daisyui.com/)]
|
|
107
74
|
|
|
108
|
-
---
|
|
109
75
|
|
|
110
|
-
##
|
|
76
|
+
## 🤝 Contributing
|
|
111
77
|
|
|
112
|
-
|
|
113
|
-
[ [daisyui.com][docs-url] ↗︎ ]
|
|
78
|
+
[ [Read contribution guide →](https://github.com/saadeghi/daisyui/blob/master/.github/CONTRIBUTING.md) ]
|
|
114
79
|
|
|
115
|
-
---
|
|
116
80
|
|
|
117
|
-
## 🤝
|
|
81
|
+
## 🤝 Supporting daisyUI
|
|
118
82
|
|
|
119
|
-
|
|
120
|
-
[ [Read contribution guide](https://github.com/saadeghi/daisyui/blob/master/.github/CONTRIBUTING.md) ]
|
|
83
|
+
Become an sponsor: [ [Open Collective →](https://opencollective.com/daisyui) ]
|
|
121
84
|
|
|
122
|
-
|
|
85
|
+
Tweet about it: [![][tweet]][tweet-url]
|
|
123
86
|
|
|
124
|
-
## List of
|
|
87
|
+
## 📁 List of components
|
|
125
88
|
|
|
126
89
|
<details>
|
|
127
90
|
<summary>
|
|
@@ -201,9 +164,8 @@ Read the documents for more info:
|
|
|
201
164
|
|
|
202
165
|
</details>
|
|
203
166
|
|
|
204
|
-
---
|
|
205
167
|
|
|
206
|
-
## Featured on:
|
|
168
|
+
## 📰 Featured on:
|
|
207
169
|
|
|
208
170
|
<details>
|
|
209
171
|
<summary>
|