daisyui 2.13.4 → 2.14.0
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 +22 -62
- package/dist/full.css +1 -1
- package/dist/styled.css +6 -10
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/themes.css +6 -6
- package/dist/unstyled.css +2 -8
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-styled.js +1 -1
- package/package.json +3 -2
- package/src/lib/responsiveRegex.js +10 -0
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!
|
|
49
|
-
|
|
50
|
-
</details>
|
|
27
|
+
- A plugin for Tailwind CSS
|
|
28
|
+
- Faster development
|
|
29
|
+
- Cleaner HTML
|
|
30
|
+
- Customizable and themeable
|
|
31
|
+
- Pure CSS. Works on all frameworks
|
|
51
32
|
|
|
52
|
-
---
|
|
53
33
|
|
|
54
34
|
## 📀 Install now!
|
|
55
35
|
|
|
@@ -58,7 +38,7 @@ npm i daisyui
|
|
|
58
38
|
```
|
|
59
39
|
|
|
60
40
|
Then add daisyUI to your `tailwind.config.js`
|
|
61
|
-
[ [Read more][docs-url-install] ]
|
|
41
|
+
[ [Read more →][docs-url-install] ]
|
|
62
42
|
|
|
63
43
|
```js
|
|
64
44
|
module.exports = {
|
|
@@ -74,54 +54,35 @@ module.exports = {
|
|
|
74
54
|
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
55
|
|
|
76
56
|
```html
|
|
77
|
-
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.13.
|
|
57
|
+
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.13.6/dist/full.css" rel="stylesheet" type="text/css" />
|
|
78
58
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
79
59
|
```
|
|
80
60
|
|
|
81
61
|
</details>
|
|
82
62
|
|
|
83
|
-
---
|
|
84
63
|
|
|
85
64
|
## 🚀 Use
|
|
86
65
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
```html
|
|
90
|
-
<a class="btn">Hello!</a>
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
```html
|
|
94
|
-
<input type="checkbox" class="checkbox" />
|
|
95
|
-
```
|
|
66
|
+
All you need is to use class names. [[See all components →](https://daisyui.com/components/)]
|
|
96
67
|
|
|
97
|
-
```html
|
|
98
|
-
<input type="checkbox" class="toggle" />
|
|
99
|
-
```
|
|
100
68
|
|
|
101
|
-
|
|
102
|
-
<div class="alert alert-success">Message sent successfully</div>
|
|
103
|
-
```
|
|
69
|
+
## 📘 Documents + Examples
|
|
104
70
|
|
|
105
|
-
|
|
106
|
-
🎲 [Try it online][tw-play-url]
|
|
71
|
+
See the official site: [ [daisyui.com →](https://daisyui.com/)]
|
|
107
72
|
|
|
108
|
-
---
|
|
109
73
|
|
|
110
|
-
##
|
|
74
|
+
## 🤝 Contributing
|
|
111
75
|
|
|
112
|
-
|
|
113
|
-
[ [daisyui.com][docs-url] ↗︎ ]
|
|
76
|
+
Read: [ [Read contribution guide](https://github.com/saadeghi/daisyui/blob/master/.github/CONTRIBUTING.md) ]
|
|
114
77
|
|
|
115
|
-
---
|
|
116
78
|
|
|
117
|
-
## 🤝
|
|
79
|
+
## 🤝 Supporting daisyUI
|
|
118
80
|
|
|
119
|
-
|
|
120
|
-
[ [Read contribution guide](https://github.com/saadeghi/daisyui/blob/master/.github/CONTRIBUTING.md) ]
|
|
81
|
+
Become an sponsor: [ [Open Collective →](https://opencollective.com/daisyui) ]
|
|
121
82
|
|
|
122
|
-
|
|
83
|
+
Tweet about it: [![][tweet]][tweet-url]
|
|
123
84
|
|
|
124
|
-
##
|
|
85
|
+
## 📁 Roadmap
|
|
125
86
|
|
|
126
87
|
<details>
|
|
127
88
|
<summary>
|
|
@@ -201,9 +162,8 @@ Read the documents for more info:
|
|
|
201
162
|
|
|
202
163
|
</details>
|
|
203
164
|
|
|
204
|
-
---
|
|
205
165
|
|
|
206
|
-
## Featured on:
|
|
166
|
+
## 📰 Featured on:
|
|
207
167
|
|
|
208
168
|
<details>
|
|
209
169
|
<summary>
|