daisy-ui-kit 5.0.0 → 5.0.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 +285 -48
- package/package.json +26 -20
package/README.md
CHANGED
|
@@ -1,75 +1,312 @@
|
|
|
1
|
-
#
|
|
1
|
+
# daisy-ui-kit
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Vue/Nuxt components for DaisyUI 5.
|
|
4
4
|
|
|
5
|
-
##
|
|
6
|
-
|
|
7
|
-
Make sure to install dependencies:
|
|
5
|
+
## Install
|
|
8
6
|
|
|
9
7
|
```bash
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
pnpm add daisy-ui-kit daisyui @vueuse/core
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
```ts
|
|
12
|
+
// nuxt.config.ts
|
|
13
|
+
export default defineNuxtConfig({
|
|
14
|
+
modules: ['daisy-ui-kit'],
|
|
15
|
+
})
|
|
16
|
+
```
|
|
12
17
|
|
|
13
|
-
|
|
14
|
-
pnpm install
|
|
18
|
+
## Usage Tips
|
|
15
19
|
|
|
16
|
-
|
|
17
|
-
|
|
20
|
+
- Prefer shorthand boolean props like `lg` and `primary` over `size="lg"` and `color="primary"`, unless dynamically bound.
|
|
21
|
+
- Write prop names in kebab-case in templates.
|
|
22
|
+
- Use component props first, then TailwindCSS classes for anything not covered.
|
|
23
|
+
- Use `v-model` for two-way binding on components with `model-value` prop and `update:model-value` event.
|
|
24
|
+
- The `is` prop changes the rendered element (e.g., `<Button is="a" href="/link">`).
|
|
25
|
+
|
|
26
|
+
## Component API Reference
|
|
18
27
|
|
|
19
|
-
# bun
|
|
20
|
-
bun install
|
|
21
28
|
```
|
|
29
|
+
Accordion
|
|
30
|
+
Accordion: props(model-value:string|number) slots(default) events(update:model-value)
|
|
31
|
+
Collapse: props(variant:string, arrow:boolean, plus:boolean, open:boolean, close:boolean, toggle:boolean, value:any) slots(default)
|
|
32
|
+
CollapseTitle: slots(default)
|
|
33
|
+
CollapseContent: slots(default)
|
|
22
34
|
|
|
23
|
-
|
|
35
|
+
Alert
|
|
36
|
+
Alert: props(outline:boolean, dash:boolean, soft:boolean, type:string, info:boolean, success:boolean, warning:boolean, error:boolean, orientation:string, vertical:boolean, horizontal:boolean) slots(default)
|
|
24
37
|
|
|
25
|
-
|
|
38
|
+
Avatar
|
|
39
|
+
Avatar: props(presence:string, online:boolean, offline:boolean, background-color:string, mask-classes:string, shape:string, squircle:boolean, heart:boolean, hexagon:boolean, hexagon-2:boolean, decagon:boolean, pentagon:boolean, diamond:boolean, square:boolean, circle:boolean, star:boolean, star-2:boolean, triangle:boolean, triangle-2:boolean, triangle-3:boolean, triangle-4:boolean, half-1:boolean, half-2:boolean) slots(default)
|
|
40
|
+
AvatarGroup: props(orientation:string, horizontal:boolean, vertical:boolean) slots(default)
|
|
26
41
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
npm run dev
|
|
42
|
+
Badge
|
|
43
|
+
Badge: props(ghost:boolean, outline:boolean, dash:boolean, soft:boolean, invert:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default)
|
|
30
44
|
|
|
31
|
-
|
|
32
|
-
|
|
45
|
+
Breadcrumbs
|
|
46
|
+
Breadcrumbs: slots(default)
|
|
47
|
+
Crumb: slots(default)
|
|
33
48
|
|
|
34
|
-
|
|
35
|
-
|
|
49
|
+
Button
|
|
50
|
+
Button: props(is:string, type:string, join:boolean, ghost:boolean, link:boolean, glass:boolean, outline:boolean, dash:boolean, soft:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, active:boolean, disabled:boolean, no-animation:boolean, shape:string, circle:boolean, square:boolean, wide:boolean, block:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default)
|
|
36
51
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
52
|
+
Calendar
|
|
53
|
+
Calendar: props(model-value:Date|string|null, options:CalendarOptions, aria-label:string, format:string, format-strict:boolean, to-string:function, parse:function, default-date:Date, set-default-date:boolean, first-day:number, min-date:Date, max-date:Date, disable-weekends:boolean, disable-day-fn:function, year-range:number|[number,number], show-week-number:boolean, pick-whole-week:boolean, is-rtl:boolean, i18n:object, year-suffix:string, show-month-after-year:boolean, show-days-in-next-and-previous-months:boolean, enable-selection-days-in-next-and-previous-months:boolean, number-of-months:number, events:array, auto-default:boolean) slots(default) events(update:model-value, update:input-value)
|
|
54
|
+
CalendarInput: props(model-value:Date|string|number|null, options:CalendarOptions, bound:boolean, position:string, reposition:boolean, auto-default:boolean, placeholder:string, disabled:boolean, validator:boolean, join:boolean, color:string, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, ghost:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) events(update:model-value, update:input-value)
|
|
55
|
+
CalendarSkeleton: props(number-of-months:number, date:Date, first-day:number)
|
|
40
56
|
|
|
41
|
-
|
|
57
|
+
Card
|
|
58
|
+
Card: props(is:string|object|function, border:boolean, dash:boolean, side:boolean, image-full:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default)
|
|
59
|
+
CardBody: props(is:string) slots(default)
|
|
60
|
+
CardTitle: props(is:string) slots(default)
|
|
61
|
+
CardActions: props(is:string) slots(default)
|
|
42
62
|
|
|
43
|
-
|
|
63
|
+
Carousel
|
|
64
|
+
Carousel: props(snap-to:string, center:boolean, end:boolean, orientation:string, vertical:boolean, horizontal:boolean) slots(default)
|
|
65
|
+
CarouselItem: slots(default)
|
|
44
66
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
67
|
+
Chat
|
|
68
|
+
Chat: props(pre:boolean, align:string, start:boolean, end:boolean) slots(default)
|
|
69
|
+
ChatBubble: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean) slots(default)
|
|
70
|
+
ChatImage: slots(default)
|
|
71
|
+
ChatHeader: slots(default)
|
|
72
|
+
ChatFooter: slots(default)
|
|
48
73
|
|
|
49
|
-
|
|
50
|
-
|
|
74
|
+
Checkbox
|
|
75
|
+
Checkbox: props(model-value:any, theme-controller:boolean, color:string, primary:boolean, secondary:boolean, accent:boolean, success:boolean, warning:boolean, info:boolean, error:boolean, size:string, lg:boolean, md:boolean, sm:boolean, xs:boolean) events(update:model-value)
|
|
51
76
|
|
|
52
|
-
|
|
53
|
-
|
|
77
|
+
Countdown
|
|
78
|
+
Countdown: props(is:string|Component) slots(default)
|
|
79
|
+
Counter: props(value:number, is:string|Component, digits:2|3)
|
|
80
|
+
CountdownTimers: props(duration-in-seconds:number, until-date:Date) slots(default) events(done)
|
|
54
81
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
```
|
|
82
|
+
Diff
|
|
83
|
+
Diff: slots(one, two)
|
|
58
84
|
|
|
59
|
-
|
|
85
|
+
Divider
|
|
86
|
+
Divider: props(orientation:string, horizontal:boolean, vertical:boolean, align:string, center:boolean, start:boolean, end:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, warning:boolean, info:boolean, error:boolean) slots(default)
|
|
60
87
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
88
|
+
Dock
|
|
89
|
+
Dock: props(size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) slots(default)
|
|
90
|
+
DockItem: props(active:boolean) slots(default)
|
|
91
|
+
DockLabel: slots(default)
|
|
92
|
+
|
|
93
|
+
Drawer
|
|
94
|
+
Drawer: props(open:boolean, name:string, end:boolean) slots(default) events(update:open)
|
|
95
|
+
DrawerContent: props(name:string) slots(default)
|
|
96
|
+
DrawerSide: props(name:string) slots(default)
|
|
97
|
+
|
|
98
|
+
Dropdown
|
|
99
|
+
Dropdown: props(open:boolean, placement:string, auto-focus:boolean, hover:boolean, delay-enter:number, delay-leave:number, close-on-click-outside:boolean) slots(default) events(update:open)
|
|
100
|
+
DropdownButton: slots(default)
|
|
101
|
+
DropdownTarget: slots(default)
|
|
102
|
+
DropdownContent: slots(default)
|
|
103
|
+
|
|
104
|
+
Fab
|
|
105
|
+
Fab: props(flower:boolean) slots(default)
|
|
106
|
+
FabTrigger: slots(default)
|
|
107
|
+
FabClose: slots(default)
|
|
108
|
+
FabMainAction: slots(default)
|
|
109
|
+
|
|
110
|
+
Fieldset
|
|
111
|
+
Fieldset: props(is:string, legend:string) slots(default, legend)
|
|
112
|
+
|
|
113
|
+
FileInput
|
|
114
|
+
FileInput: props(join:boolean, color:string, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, ghost:boolean, disabled:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) events(files)
|
|
115
|
+
|
|
116
|
+
Filter
|
|
117
|
+
Filter: props(is:string, name:string, items:array, model-value:any, reset-label:string, position:string, start:boolean, end:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default) events(update:model-value)
|
|
118
|
+
|
|
119
|
+
Flex
|
|
120
|
+
Flex: props(is:string|object, join:boolean, flex:boolean, flex-1:boolean, flex-auto:boolean, flex-initial:boolean, none:boolean, direction:string, row:boolean, col:boolean, reverse:boolean, wrap:boolean, nowrap:boolean, wrap-reverse:boolean, grow:boolean, justify:string, justify-start:boolean, justify-end:boolean, justify-center:boolean, justify-between:boolean, justify-around:boolean, justify-evenly:boolean, items:string, items-start:boolean, items-end:boolean, items-center:boolean, items-baseline:boolean, items-stretch:boolean) slots(default)
|
|
121
|
+
FlexItem: props(is:any, join:boolean, flex:boolean, flex-1:boolean, flex-auto:boolean, flex-initial:boolean, none:boolean, grow:boolean, direction:string, row:boolean, col:boolean, reverse:boolean, wrap:boolean, nowrap:boolean, wrap-reverse:boolean) slots(default)
|
|
122
|
+
|
|
123
|
+
Footer
|
|
124
|
+
Footer: props(center:boolean, is:string, orientation:string, horizontal:boolean, vertical:boolean) slots(default)
|
|
125
|
+
FooterTitle: props(is:string) slots(default)
|
|
126
|
+
|
|
127
|
+
FormControl
|
|
128
|
+
FormControl: slots(default)
|
|
129
|
+
|
|
130
|
+
Hero
|
|
131
|
+
Hero: props(is:string) slots(default)
|
|
132
|
+
HeroContent: props(is:string) slots(default)
|
|
133
|
+
HeroOverlay: slots(default)
|
|
134
|
+
|
|
135
|
+
Hover3D
|
|
136
|
+
Hover3D: props(is:string|Component, disabled:boolean) slots(default)
|
|
137
|
+
|
|
138
|
+
HoverGallery
|
|
139
|
+
HoverGallery: props(is:string|Component) slots(default)
|
|
140
|
+
|
|
141
|
+
Indicator
|
|
142
|
+
Indicator: props(is:string) slots(default)
|
|
143
|
+
IndicatorItem: props(is:string, align:string, start:boolean, center:boolean, end:boolean, v-align:string, top:boolean, middle:boolean, bottom:boolean) slots(default)
|
|
144
|
+
|
|
145
|
+
Input
|
|
146
|
+
Input: props(model-value:string|number|null, type:string, placeholder:string, disabled:boolean, validator:boolean, color:string, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, join:boolean, ghost:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default) events(update:model-value)
|
|
147
|
+
|
|
148
|
+
Join
|
|
149
|
+
Join: props(vertical:boolean) slots(default)
|
|
150
|
+
|
|
151
|
+
Kbd
|
|
152
|
+
Kbd: props(size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default)
|
|
153
|
+
|
|
154
|
+
Label
|
|
155
|
+
Label: props(is:string, floating:boolean, input:boolean, select:boolean, toggle:boolean, join:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, ghost:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default)
|
|
156
|
+
|
|
157
|
+
Link
|
|
158
|
+
Link: props(is:string, hover:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, info:boolean, warning:boolean, error:boolean) slots(default)
|
|
159
|
+
|
|
160
|
+
List
|
|
161
|
+
List: slots(default)
|
|
162
|
+
ListRow: slots(default)
|
|
163
|
+
ListColGrow: slots(default)
|
|
164
|
+
ListColWrap: slots(default)
|
|
165
|
+
|
|
166
|
+
Loading
|
|
167
|
+
LoadingSpinner: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean)
|
|
168
|
+
LoadingDots: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean)
|
|
169
|
+
LoadingRing: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean)
|
|
170
|
+
LoadingBall: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean)
|
|
171
|
+
LoadingBars: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean)
|
|
172
|
+
LoadingInfinity: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean)
|
|
173
|
+
|
|
174
|
+
Mask
|
|
175
|
+
Mask: props(shape:string, squircle:boolean, heart:boolean, hexagon:boolean, hexagon-2:boolean, decagon:boolean, pentagon:boolean, diamond:boolean, square:boolean, circle:boolean, star:boolean, star-2:boolean, triangle:boolean, triangle-2:boolean, triangle-3:boolean, triangle-4:boolean, half-1:boolean, half-2:boolean) slots(default)
|
|
64
176
|
|
|
65
|
-
|
|
66
|
-
|
|
177
|
+
Menu
|
|
178
|
+
Menu: props(align:string, vertical:boolean, horizontal:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default)
|
|
179
|
+
MenuItem: props(active:boolean, disabled:boolean) slots(default)
|
|
180
|
+
MenuTitle: slots(default)
|
|
181
|
+
MenuExpand: props(open:boolean, hover:boolean, delay-enter:number, delay-leave:number, close-on-click-outside:boolean) slots(default) events(update:open)
|
|
182
|
+
MenuExpandToggle: slots(default)
|
|
67
183
|
|
|
68
|
-
|
|
69
|
-
|
|
184
|
+
Modal
|
|
185
|
+
Modal: props(model-value:boolean, close-on-click-outside:boolean, placement:string, top:boolean, bottom:boolean, start:boolean, end:boolean) slots(default)
|
|
186
|
+
ModalBox: slots(default)
|
|
187
|
+
ModalAction: slots(default)
|
|
70
188
|
|
|
71
|
-
|
|
72
|
-
|
|
189
|
+
MockupBrowser
|
|
190
|
+
MockupBrowser: slots(default)
|
|
191
|
+
MockupBrowserToolbar: slots(default)
|
|
192
|
+
|
|
193
|
+
MockupCode
|
|
194
|
+
MockupCode: slots(default)
|
|
195
|
+
|
|
196
|
+
MockupPhone
|
|
197
|
+
MockupPhone: slots(default)
|
|
198
|
+
|
|
199
|
+
MockupWindow
|
|
200
|
+
MockupWindow: slots(default)
|
|
201
|
+
|
|
202
|
+
Navbar
|
|
203
|
+
Navbar: props(is:any, glass:boolean) slots(default)
|
|
204
|
+
NavbarStart: props(is:any) slots(default)
|
|
205
|
+
NavbarCenter: props(is:any) slots(default)
|
|
206
|
+
NavbarEnd: props(is:any) slots(default)
|
|
207
|
+
NavButton: props(active:boolean, disabled:boolean) slots(default)
|
|
208
|
+
|
|
209
|
+
Pagination
|
|
210
|
+
Pagination: props(model-value:number, total:number, per-page:number, max-visible:number, join:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default) events(update:model-value)
|
|
211
|
+
|
|
212
|
+
Progress
|
|
213
|
+
Progress: props(value:number, max:number, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, info:boolean, warning:boolean, error:boolean)
|
|
214
|
+
|
|
215
|
+
Prose
|
|
216
|
+
Prose: props(class:string) slots(default)
|
|
217
|
+
|
|
218
|
+
RadialProgress
|
|
219
|
+
RadialProgress: props(value:number|string, size:string, thickness:string, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean) slots(default)
|
|
220
|
+
|
|
221
|
+
Radio
|
|
222
|
+
Radio: props(model-value:any, value:any, disabled:boolean, theme-controller:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, warning:boolean, info:boolean, error:boolean, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) events(update:model-value)
|
|
223
|
+
RadioGroup: props(model-value:any, name:string, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, warning:boolean, info:boolean, error:boolean, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) slots(default) events(update:model-value)
|
|
224
|
+
|
|
225
|
+
Range
|
|
226
|
+
Range: props(model-value:number|string, min:number|string, max:number|string, step:number|string, disabled:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, warning:boolean, info:boolean, error:boolean, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) events(update:model-value)
|
|
227
|
+
RangeMeasure: props(model-value:number|string, min:number|string, max:number|string, step:number|string, numbered:boolean, as-buttons:boolean, disabled:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, warning:boolean, info:boolean, error:boolean, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) slots(default) events(update:model-value)
|
|
228
|
+
RangeMeasureTick: props(tick:number, model-value:number|string, numbered:boolean, as-button:boolean, is-hidden:boolean, disabled:boolean) slots(default) events(update:model-value)
|
|
229
|
+
|
|
230
|
+
Rating
|
|
231
|
+
Rating: props(model-value:number|string, count:number|string, half:boolean, disabled:boolean, bg:string, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, shape:string, squircle:boolean, heart:boolean, hexagon:boolean, hexagon-2:boolean, decagon:boolean, pentagon:boolean, diamond:boolean, square:boolean, circle:boolean, star:boolean, star-2:boolean, triangle:boolean, triangle-2:boolean, triangle-3:boolean, triangle-4:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) events(update:model-value)
|
|
232
|
+
|
|
233
|
+
Select
|
|
234
|
+
Select: props(model-value:any, options:Array, value:function, label:function, result-as-object:boolean, join:boolean, ghost:boolean, disabled:boolean, native:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean, validator:boolean) events(update:model-value)
|
|
235
|
+
|
|
236
|
+
Skeleton
|
|
237
|
+
Skeleton: slots(default)
|
|
238
|
+
SkeletonText: props(is:string|Component) slots(default)
|
|
239
|
+
|
|
240
|
+
Stack
|
|
241
|
+
Stack: props(is:string) slots(default)
|
|
242
|
+
|
|
243
|
+
Stat
|
|
244
|
+
Stats: slots(default)
|
|
245
|
+
Stat: props(orientation:string, vertical:boolean, horizontal:boolean) slots(default)
|
|
246
|
+
StatTitle: slots(default)
|
|
247
|
+
StatValue: slots(default)
|
|
248
|
+
StatDesc: slots(default)
|
|
249
|
+
StatFigure: slots(default)
|
|
250
|
+
StatActions: slots(default)
|
|
251
|
+
|
|
252
|
+
Status
|
|
253
|
+
Status: props(color:string, neutral:boolean, primary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) slots(default)
|
|
254
|
+
|
|
255
|
+
Steps
|
|
256
|
+
Steps: props(orientation:string, vertical:boolean, horizontal:boolean) slots(default)
|
|
257
|
+
Step: props(glyph:string, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean) slots(default)
|
|
258
|
+
StepIcon: slots(default)
|
|
259
|
+
|
|
260
|
+
Swap
|
|
261
|
+
Swap: props(model-value:boolean|null, rotate:boolean, flip:boolean) slots(default, swap, indeterminate)
|
|
262
|
+
|
|
263
|
+
Table
|
|
264
|
+
Table: props(zebra:boolean, pin-rows:boolean, pin-cols:boolean, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) slots(default)
|
|
265
|
+
|
|
266
|
+
Tabs
|
|
267
|
+
Tabs: props(name:string, current-tab:string, variant:string, box:boolean, border:boolean, lift:boolean, placement:string, top:boolean, bottom:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean) slots(default) events(update:current-tab)
|
|
268
|
+
Tab: props(is:any, name:string, active:boolean, disabled:boolean) slots(default)
|
|
269
|
+
TabContent: props(is:any, name:string) slots(default)
|
|
270
|
+
|
|
271
|
+
Text
|
|
272
|
+
Text: props(is:string, join:boolean, block:boolean, inline:boolean, inline-block:boolean, label:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, neutral-content:boolean, primary-content:boolean, secondary-content:boolean, accent-content:boolean, info-content:boolean, success-content:boolean, warning-content:boolean, error-content:boolean, size:string, xl:boolean, lg:boolean, sm:boolean, xs:boolean, align:string, left:boolean, center:boolean, right:boolean, justify:boolean, case:string, uppercase:boolean, lowercase:boolean, capitalize:boolean, normal-case:boolean, font:string, sans:boolean, serif:boolean, mono:boolean, weight:string, thin:boolean, extralight:boolean, light:boolean, normal:boolean, medium:boolean, semibold:boolean, bold:boolean, extrabold:boolean, black:boolean) slots(default)
|
|
273
|
+
|
|
274
|
+
TextArea
|
|
275
|
+
TextArea: props(model-value:string, placeholder:string, type:string, rows:number, auto-expand:boolean, ghost:boolean, disabled:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, size:string, xl:boolean, lg:boolean, md:boolean, sm:boolean, xs:boolean, validator:boolean) events(update:model-value)
|
|
276
|
+
|
|
277
|
+
TextRotate
|
|
278
|
+
TextRotate: props(is:string|Component, center:boolean, duration:number) slots(default)
|
|
279
|
+
|
|
280
|
+
ThemeController
|
|
281
|
+
ThemeController: props(themes:DaisyThemeInput[], default-theme:string, storage:Function) slots(default)
|
|
282
|
+
ThemeTile: props(theme:string, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean)
|
|
283
|
+
|
|
284
|
+
ThemeProvider
|
|
285
|
+
ThemeProvider: props(data-theme:string, css-vars:string, snoop:boolean) slots(default)
|
|
286
|
+
|
|
287
|
+
Timeline
|
|
288
|
+
Timeline: props(vertical:boolean, horizontal:boolean, compact:boolean, snap-icon:boolean, class:string) slots(default)
|
|
289
|
+
TimelineItem: props(hr:boolean, class:string) slots(start, middle, end, hr-top, hr-bottom)
|
|
290
|
+
TimelineStart: props(box:boolean, class:string) slots(default)
|
|
291
|
+
TimelineMiddle: props(class:string) slots(default)
|
|
292
|
+
TimelineEnd: props(box:boolean, class:string) slots(default)
|
|
293
|
+
TimelineLine: props(color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean)
|
|
294
|
+
|
|
295
|
+
Toast
|
|
296
|
+
Toast: props(h-align:string, start:boolean, center:boolean, end:boolean, v-align:string, top:boolean, middle:boolean, bottom:boolean, name:string, defaults:Partial<ToastSettings>, limit:number) slots(default)
|
|
297
|
+
|
|
298
|
+
Toggle
|
|
299
|
+
Toggle: props(model-value:any, disabled:boolean, validator:boolean, theme-controller:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, success:boolean, info:boolean, warning:boolean, error:boolean, size:string, xs:boolean, sm:boolean, md:boolean, lg:boolean, xl:boolean) events(update:model-value)
|
|
300
|
+
|
|
301
|
+
Tooltip
|
|
302
|
+
Tooltip: props(tip:string|number, open:boolean, color:string, neutral:boolean, primary:boolean, secondary:boolean, accent:boolean, info:boolean, success:boolean, warning:boolean, error:boolean, position:string, top:boolean, right:boolean, bottom:boolean, left:boolean, delay-enter:number, delay-leave:number) slots(default)
|
|
303
|
+
TooltipTarget: slots(default)
|
|
304
|
+
TooltipContent: slots(default)
|
|
305
|
+
|
|
306
|
+
Validator
|
|
307
|
+
ValidatorHint: slots(default)
|
|
73
308
|
```
|
|
74
309
|
|
|
75
|
-
|
|
310
|
+
## License
|
|
311
|
+
|
|
312
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "daisy-ui-kit",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"version": "5.0.2",
|
|
8
|
+
"packageManager": "pnpm@10.10.0",
|
|
5
9
|
"author": "feathers.dev",
|
|
6
10
|
"exports": {
|
|
7
11
|
".": {
|
|
@@ -26,8 +30,27 @@
|
|
|
26
30
|
"app/composables/*",
|
|
27
31
|
"app/utils/*",
|
|
28
32
|
"nuxt.js",
|
|
29
|
-
"nuxt.d.ts"
|
|
33
|
+
"nuxt.d.ts",
|
|
34
|
+
"README.md"
|
|
30
35
|
],
|
|
36
|
+
"scripts": {
|
|
37
|
+
"import-d1-dumps": "./import-d1-dumps.sh",
|
|
38
|
+
"prebuild": "cp CHANGELOG.md content/docs/changelog.md",
|
|
39
|
+
"build": "NODE_OPTIONS='--max-old-space-size=7168' nuxt build",
|
|
40
|
+
"predev": "cp CHANGELOG.md content/docs/changelog.md",
|
|
41
|
+
"dev": "nuxt dev",
|
|
42
|
+
"lint": "eslint",
|
|
43
|
+
"lint:fix": "eslint --fix",
|
|
44
|
+
"generate": "nuxt generate",
|
|
45
|
+
"preview": "nuxt preview",
|
|
46
|
+
"postinstall": "nuxt prepare",
|
|
47
|
+
"publish": "git push origin --tags && git push origin",
|
|
48
|
+
"release:pre": "node scripts/release.js prerelease",
|
|
49
|
+
"release:patch": "node scripts/release.js patch",
|
|
50
|
+
"release:minor": "node scripts/release.js minor",
|
|
51
|
+
"release:major": "node scripts/release.js major",
|
|
52
|
+
"deploy": "pnpm run build && npx wrangler deploy"
|
|
53
|
+
},
|
|
31
54
|
"peerDependencies": {
|
|
32
55
|
"@vueuse/core": "^13.1.0",
|
|
33
56
|
"daisyui": "^5"
|
|
@@ -67,22 +90,5 @@
|
|
|
67
90
|
"happy-dom": "^20.0.11",
|
|
68
91
|
"tailwindcss": "^4.1.5",
|
|
69
92
|
"vitest": "^4.0.16"
|
|
70
|
-
},
|
|
71
|
-
"scripts": {
|
|
72
|
-
"import-d1-dumps": "./import-d1-dumps.sh",
|
|
73
|
-
"prebuild": "cp CHANGELOG.md content/docs/changelog.md",
|
|
74
|
-
"build": "NODE_OPTIONS='--max-old-space-size=7168' nuxt build",
|
|
75
|
-
"predev": "cp CHANGELOG.md content/docs/changelog.md",
|
|
76
|
-
"dev": "nuxt dev",
|
|
77
|
-
"lint": "eslint",
|
|
78
|
-
"lint:fix": "eslint --fix",
|
|
79
|
-
"generate": "nuxt generate",
|
|
80
|
-
"preview": "nuxt preview",
|
|
81
|
-
"postinstall": "nuxt prepare",
|
|
82
|
-
"release:pre": "node scripts/release.js prerelease",
|
|
83
|
-
"release:patch": "node scripts/release.js patch",
|
|
84
|
-
"release:minor": "node scripts/release.js minor",
|
|
85
|
-
"release:major": "node scripts/release.js major",
|
|
86
|
-
"deploy": "pnpm run build && npx wrangler deploy"
|
|
87
93
|
}
|
|
88
|
-
}
|
|
94
|
+
}
|