@@ -4,15 +4,21 @@ exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = `
4
4
<div >
5
5
<div role = " tablist" class = " ant-collapse" >
6
6
<div role = " tablist" class = " ant-collapse-item" >
7
- <div role = " tab" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 1</div >
7
+ <div role = " tab" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
8
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
9
+ </svg ></i >This is panel header 1</div >
8
10
<!---->
9
11
</div >
10
12
<div role = " tablist" class = " ant-collapse-item" >
11
- <div role = " tab" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 2</div >
13
+ <div role = " tab" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
14
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
15
+ </svg ></i >This is panel header 2</div >
12
16
<!---->
13
17
</div >
14
18
<div role = " tablist" class = " ant-collapse-item" >
15
- <div role = " tab" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 3</div >
19
+ <div role = " tab" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
20
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
21
+ </svg ></i >This is panel header 3</div >
16
22
<!---->
17
23
</div >
18
24
</div >
@@ -23,19 +29,25 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
23
29
<div >
24
30
<div class = " ant-collapse" >
25
31
<div role = " tablist" class = " ant-collapse-item ant-collapse-item-active" >
26
- <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 1</div >
32
+ <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
33
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
34
+ </svg ></i >This is panel header 1</div >
27
35
<div class = " ant-collapse-content ant-collapse-content-active ant-motion-collapse" style = " height: 0px; opacity: 0;" >
28
36
<div class = " ant-collapse-content-box" >
29
37
<p >A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p >
30
38
</div >
31
39
</div >
32
40
</div >
33
41
<div role = " tablist" class = " ant-collapse-item" >
34
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 2</div >
42
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
43
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
44
+ </svg ></i >This is panel header 2</div >
35
45
<!---->
36
46
</div >
37
47
<div role = " tablist" class = " ant-collapse-item ant-collapse-item-disabled" >
38
- <div role = " button" tabindex = " -1" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 3</div >
48
+ <div role = " button" tabindex = " -1" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
49
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
50
+ </svg ></i >This is panel header 3</div >
39
51
<!---->
40
52
</div >
41
53
</div >
@@ -46,19 +58,25 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
46
58
<div >
47
59
<div class = " ant-collapse ant-collapse-borderless" >
48
60
<div role = " tablist" class = " ant-collapse-item ant-collapse-item-active" >
49
- <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 1</div >
61
+ <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
62
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
63
+ </svg ></i >This is panel header 1</div >
50
64
<div class = " ant-collapse-content ant-collapse-content-active ant-motion-collapse" style = " height: 0px; opacity: 0;" >
51
65
<div class = " ant-collapse-content-box" >
52
66
<p >A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p >
53
67
</div >
54
68
</div >
55
69
</div >
56
70
<div role = " tablist" class = " ant-collapse-item" >
57
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 2</div >
71
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
72
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
73
+ </svg ></i >This is panel header 2</div >
58
74
<!---->
59
75
</div >
60
76
<div role = " tablist" class = " ant-collapse-item" >
61
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 3</div >
77
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
78
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
79
+ </svg ></i >This is panel header 3</div >
62
80
<!---->
63
81
</div >
64
82
</div >
@@ -69,7 +87,9 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
69
87
<div >
70
88
<div class = " ant-collapse ant-collapse-borderless" >
71
89
<div role = " tablist" class = " ant-collapse-item ant-collapse-item-active" style = " background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;" >
72
- <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow" ></i >
90
+ <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
91
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
92
+ </svg ></i >
73
93
This is panel header 1<i class = " anticon anticon-question-circle-o" ><svg viewBox = " 64 64 896 896" data-icon = " question-circle" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
74
94
<path d = " M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" ></path >
75
95
<path d = " M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0 1 30.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1 0 80 0 40 40 0 1 0-80 0z" ></path >
@@ -81,11 +101,15 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
81
101
</div >
82
102
</div >
83
103
<div role = " tablist" class = " ant-collapse-item" style = " background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;" >
84
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 2</div >
104
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
105
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
106
+ </svg ></i >This is panel header 2</div >
85
107
<!---->
86
108
</div >
87
109
<div role = " tablist" class = " ant-collapse-item" style = " background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;" >
88
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 3</div >
110
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
111
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
112
+ </svg ></i >This is panel header 3</div >
89
113
<!---->
90
114
</div >
91
115
</div >
@@ -96,15 +120,21 @@ exports[`renders ./components/collapse/demo/mix.md correctly 1`] = `
96
120
<div >
97
121
<div class = " ant-collapse" >
98
122
<div role = " tablist" class = " ant-collapse-item" >
99
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 1</div >
123
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
124
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
125
+ </svg ></i >This is panel header 1</div >
100
126
<!---->
101
127
</div >
102
128
<div role = " tablist" class = " ant-collapse-item" >
103
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 2</div >
129
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
130
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
131
+ </svg ></i >This is panel header 2</div >
104
132
<!---->
105
133
</div >
106
134
<div role = " tablist" class = " ant-collapse-item" >
107
- <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header 3</div >
135
+ <div role = " button" tabindex = " 0" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
136
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
137
+ </svg ></i >This is panel header 3</div >
108
138
<!---->
109
139
</div >
110
140
</div >
@@ -115,7 +145,9 @@ exports[`renders ./components/collapse/demo/noarrow.md correctly 1`] = `
115
145
<div >
116
146
<div class = " ant-collapse" >
117
147
<div role = " tablist" class = " ant-collapse-item ant-collapse-item-active" >
118
- <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow" ></i >This is panel header with arrow icon</div >
148
+ <div role = " button" tabindex = " 0" aria-expanded = " true" class = " ant-collapse-header" ><i class = " arrow anticon anticon-right" ><svg viewBox = " 64 64 896 896" data-icon = " right" width = " 1em" height = " 1em" fill = " currentColor" aria-hidden = " true" class = " " >
149
+ <path d = " M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" ></path >
150
+ </svg ></i >This is panel header with arrow icon</div >
119
151
<div class = " ant-collapse-content ant-collapse-content-active ant-motion-collapse" style = " height: 0px; opacity: 0;" >
120
152
<div class = " ant-collapse-content-box" >
121
153
<p >A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p >
0 commit comments