File tree Expand file tree Collapse file tree 2 files changed +31
-2
lines changed Expand file tree Collapse file tree 2 files changed +31
-2
lines changed Original file line number Diff line number Diff line change 2
2
' @qwik-ui/styled ' : patch
3
3
---
4
4
5
- FEAT new styled select component
5
+ FEAT: new styled select component 🎉
Original file line number Diff line number Diff line change 4
4
5
5
## tailwind.config.cjs
6
6
7
- Now uses tailwindcss-animate
7
+ ### tailwindcss-animate
8
+
9
+ The tailwind config now uses tailwindcss-animate
8
10
9
11
``` ts
10
12
plugins : [
@@ -30,6 +32,29 @@ plugins: [
30
32
];
31
33
```
32
34
35
+ ### New keyframes
36
+
37
+ We added
38
+
39
+ ``` js
40
+ animation: {
41
+ ' accordion-up' : ' collapsible-up 0.2s ease-out 0s 1 normal forwards' ,
42
+ ' accordion-down' : ' collapsible-down 0.2s ease-out 0s 1 normal forwards' ,
43
+ },
44
+ keyframes: {
45
+ ' collapsible-down' : {
46
+ from: { height: ' 0' },
47
+ to: { height: ' var(--qwikui-collapsible-content-height)' },
48
+ },
49
+ ' collapsible-up' : {
50
+ from: { height: ' var(--qwikui-collapsible-content-height)' },
51
+ to: { height: ' 0' },
52
+ },
53
+ },
54
+ ```
55
+
56
+ to the tailwind config. You will need those for the styled accordion to be animated.
57
+
33
58
## Modal refactor
34
59
35
60
### Modal.Panel
@@ -94,3 +119,7 @@ Title now holds `text-lg font-semibold` classes.
94
119
### Modal.Description
95
120
96
121
Description now holds ` text-muted-foreground ` class.
122
+
123
+ ## Accordion
124
+
125
+ We changed the accordion animations. So make sure to update your taiwind config accordingly (explained at the beginning of the changeset!).
You can’t perform that action at this time.
0 commit comments