@fluentui/react-button 9.0.0-rc.9 → 9.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/CHANGELOG.json +387 -1
- package/CHANGELOG.md +116 -2
- package/README.md +81 -19
- package/dist/index.d.ts +32 -55
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/Button.types.js.map +1 -1
- package/lib/components/Button/index.js +1 -3
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js +1 -4
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonStyles.js +146 -68
- package/lib/components/Button/useButtonStyles.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib/components/CompoundButton/index.js +1 -3
- package/lib/components/CompoundButton/index.js.map +1 -1
- package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +47 -35
- package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.js +2 -1
- package/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib/components/MenuButton/index.js +1 -3
- package/lib/components/MenuButton/index.js.map +1 -1
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.js +24 -17
- package/lib/components/MenuButton/useMenuButtonStyles.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.js +1 -1
- package/lib/components/SplitButton/SplitButton.js.map +1 -1
- package/lib/components/SplitButton/index.js +1 -3
- package/lib/components/SplitButton/index.js.map +1 -1
- package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButton.js +1 -5
- package/lib/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.js +15 -17
- package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib/components/ToggleButton/index.js +1 -3
- package/lib/components/ToggleButton/index.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +93 -9
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib/index.js +5 -10
- package/lib/index.js.map +1 -1
- package/lib/utils/useToggleState.js.map +1 -1
- package/lib-commonjs/components/Button/Button.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +1 -9
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/renderButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +1 -4
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.js +147 -69
- package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/index.js +1 -9
- package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +49 -37
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.js +2 -1
- package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/index.js +1 -9
- package/lib-commonjs/components/MenuButton/index.js.map +1 -1
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +26 -18
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/index.js +1 -9
- package/lib-commonjs/components/SplitButton/index.js.map +1 -1
- package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButton.js +1 -5
- package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +16 -18
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/index.js +1 -9
- package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +95 -10
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -36
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/useToggleState.js.map +1 -1
- package/package.json +10 -12
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,393 @@
|
|
|
2
2
|
"name": "@fluentui/react-button",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Thu,
|
|
5
|
+
"date": "Thu, 14 Jul 2022 17:03:25 GMT",
|
|
6
|
+
"tag": "@fluentui/react-button_v9.0.2",
|
|
7
|
+
"version": "9.0.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "mgodbolt@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-button",
|
|
13
|
+
"commit": "769bfa3d797cb79aa6594aa8589e382403287a9d",
|
|
14
|
+
"comment": "Organize left navigation, add theme entries"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-button",
|
|
19
|
+
"commit": "422636fffd66758c1a6dd617063582d902b61927",
|
|
20
|
+
"comment": "docs: Replacing https://aka.ms/fluentui-storybook with https://react.fluentui.dev/ to point to the official documentation site."
|
|
21
|
+
}
|
|
22
|
+
],
|
|
23
|
+
"patch": [
|
|
24
|
+
{
|
|
25
|
+
"author": "ololubek@microsoft.com",
|
|
26
|
+
"package": "@fluentui/react-button",
|
|
27
|
+
"commit": "63ab03fa7a9b3d02204147ea5356b8f78751df42",
|
|
28
|
+
"comment": "chore: Update @fluentui/react-icons dependency to v2.0.175"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"author": "beachball",
|
|
32
|
+
"package": "@fluentui/react-button",
|
|
33
|
+
"comment": "Bump @fluentui/react-aria to v9.0.1",
|
|
34
|
+
"commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"author": "beachball",
|
|
38
|
+
"package": "@fluentui/react-button",
|
|
39
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.2",
|
|
40
|
+
"commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"author": "beachball",
|
|
44
|
+
"package": "@fluentui/react-button",
|
|
45
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.1-0",
|
|
46
|
+
"commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"author": "beachball",
|
|
50
|
+
"package": "@fluentui/react-button",
|
|
51
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11",
|
|
52
|
+
"commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"date": "Tue, 28 Jun 2022 17:39:47 GMT",
|
|
59
|
+
"tag": "@fluentui/react-button_v9.0.1",
|
|
60
|
+
"version": "9.0.1",
|
|
61
|
+
"comments": {
|
|
62
|
+
"patch": [
|
|
63
|
+
{
|
|
64
|
+
"author": "lingfangao@hotmail.com",
|
|
65
|
+
"package": "@fluentui/react-button",
|
|
66
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b",
|
|
67
|
+
"comment": "fix: Use caret dependency range for Griffel"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"author": "beachball",
|
|
71
|
+
"package": "@fluentui/react-button",
|
|
72
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.1",
|
|
73
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"author": "beachball",
|
|
77
|
+
"package": "@fluentui/react-button",
|
|
78
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10",
|
|
79
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
|
|
80
|
+
}
|
|
81
|
+
]
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"date": "Tue, 28 Jun 2022 15:13:26 GMT",
|
|
86
|
+
"tag": "@fluentui/react-button_v9.0.0",
|
|
87
|
+
"version": "9.0.0",
|
|
88
|
+
"comments": {
|
|
89
|
+
"prerelease": [
|
|
90
|
+
{
|
|
91
|
+
"author": "lingfangao@hotmail.com",
|
|
92
|
+
"package": "@fluentui/react-button",
|
|
93
|
+
"commit": "675acea49c97f10837ddee9b8c4350ca27750125",
|
|
94
|
+
"comment": "Bump Griffel dependencies"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
98
|
+
"package": "@fluentui/react-button",
|
|
99
|
+
"commit": "ce6fe7e35398b3ca4e11a26b777fd9ba46529c72",
|
|
100
|
+
"comment": "README and migration guide cleanup."
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
104
|
+
"package": "@fluentui/react-button",
|
|
105
|
+
"commit": "31b9f89bcd3ffc2b0719b0b55643ccf92ff6a686",
|
|
106
|
+
"comment": "Button: Adding missing forced color adjust overrides."
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"author": "lingfangao@hotmail.com",
|
|
110
|
+
"package": "@fluentui/react-button",
|
|
111
|
+
"commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
|
|
112
|
+
"comment": "Update 9.0.0-rc dependencies to use caret range"
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
116
|
+
"package": "@fluentui/react-button",
|
|
117
|
+
"commit": "d32031b50748baff9cb9592ca360ef8e54f61ab8",
|
|
118
|
+
"comment": "Button: Fixing hover styles in High Contrast mode."
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"author": "olfedias@microsoft.com",
|
|
122
|
+
"package": "@fluentui/react-button",
|
|
123
|
+
"commit": "82bd30dd41ad58df1f325e9b721200ed15d674a2",
|
|
124
|
+
"comment": "chore: Update @fluentui/react-icons to latest version"
|
|
125
|
+
}
|
|
126
|
+
],
|
|
127
|
+
"none": [
|
|
128
|
+
{
|
|
129
|
+
"author": "mgodbolt@microsoft.com",
|
|
130
|
+
"package": "@fluentui/react-button",
|
|
131
|
+
"commit": "19377b1b434b3fd25c7d2a4be1c548bb553803a1",
|
|
132
|
+
"comment": "chore: Moving button stories to folder with index entry."
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
"patch": [
|
|
136
|
+
{
|
|
137
|
+
"author": "lingfangao@hotmail.com",
|
|
138
|
+
"package": "@fluentui/react-button",
|
|
139
|
+
"commit": "c7b1348bdad7aa883c29bfbc96ef2a32e6ebc7dd",
|
|
140
|
+
"comment": "feat: Initial 9.0.0 release"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"author": "beachball",
|
|
144
|
+
"package": "@fluentui/react-button",
|
|
145
|
+
"comment": "Bump @fluentui/keyboard-keys to v9.0.0",
|
|
146
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"author": "beachball",
|
|
150
|
+
"package": "@fluentui/react-button",
|
|
151
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0",
|
|
152
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"author": "beachball",
|
|
156
|
+
"package": "@fluentui/react-button",
|
|
157
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0",
|
|
158
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"author": "beachball",
|
|
162
|
+
"package": "@fluentui/react-button",
|
|
163
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0",
|
|
164
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"author": "beachball",
|
|
168
|
+
"package": "@fluentui/react-button",
|
|
169
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0",
|
|
170
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"author": "beachball",
|
|
174
|
+
"package": "@fluentui/react-button",
|
|
175
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9",
|
|
176
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
177
|
+
}
|
|
178
|
+
]
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"date": "Thu, 23 Jun 2022 14:25:31 GMT",
|
|
183
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.14",
|
|
184
|
+
"version": "9.0.0-rc.14",
|
|
185
|
+
"comments": {
|
|
186
|
+
"prerelease": [
|
|
187
|
+
{
|
|
188
|
+
"author": "beachball",
|
|
189
|
+
"package": "@fluentui/react-button",
|
|
190
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.14",
|
|
191
|
+
"commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"author": "beachball",
|
|
195
|
+
"package": "@fluentui/react-button",
|
|
196
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
|
|
197
|
+
"commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
|
|
198
|
+
}
|
|
199
|
+
]
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"date": "Tue, 31 May 2022 21:28:36 GMT",
|
|
204
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.13",
|
|
205
|
+
"version": "9.0.0-rc.13",
|
|
206
|
+
"comments": {
|
|
207
|
+
"prerelease": [
|
|
208
|
+
{
|
|
209
|
+
"author": "olfedias@microsoft.com",
|
|
210
|
+
"package": "@fluentui/react-button",
|
|
211
|
+
"commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
|
|
212
|
+
"comment": "chore: Update Griffel to latest version"
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"author": "beachball",
|
|
216
|
+
"package": "@fluentui/react-button",
|
|
217
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.10",
|
|
218
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"author": "beachball",
|
|
222
|
+
"package": "@fluentui/react-button",
|
|
223
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.13",
|
|
224
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"author": "beachball",
|
|
228
|
+
"package": "@fluentui/react-button",
|
|
229
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
|
|
230
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"author": "beachball",
|
|
234
|
+
"package": "@fluentui/react-button",
|
|
235
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
|
|
236
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
237
|
+
}
|
|
238
|
+
]
|
|
239
|
+
}
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"date": "Thu, 26 May 2022 21:01:23 GMT",
|
|
243
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.12",
|
|
244
|
+
"version": "9.0.0-rc.12",
|
|
245
|
+
"comments": {
|
|
246
|
+
"prerelease": [
|
|
247
|
+
{
|
|
248
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
249
|
+
"package": "@fluentui/react-button",
|
|
250
|
+
"commit": "cc2a9d0f9b722f68a54da026ab320e3be22c21dd",
|
|
251
|
+
"comment": "ToggleButton: Differentiating hover and checked styles."
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
255
|
+
"package": "@fluentui/react-button",
|
|
256
|
+
"commit": "2c84c4f1ad43819325ee0aafa57d42a1f8239113",
|
|
257
|
+
"comment": "ToggleButton: Apply thicker border width to checked outline toggle buttons."
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"author": "beachball",
|
|
261
|
+
"package": "@fluentui/react-button",
|
|
262
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
|
|
263
|
+
"commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
|
|
264
|
+
}
|
|
265
|
+
]
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"date": "Mon, 23 May 2022 18:56:41 GMT",
|
|
270
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.11",
|
|
271
|
+
"version": "9.0.0-rc.11",
|
|
272
|
+
"comments": {
|
|
273
|
+
"prerelease": [
|
|
274
|
+
{
|
|
275
|
+
"author": "esteban.230@hotmail.com",
|
|
276
|
+
"package": "@fluentui/react-button",
|
|
277
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
278
|
+
"comment": "Removing <componentName>ClassName exports."
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
282
|
+
"package": "@fluentui/react-button",
|
|
283
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
284
|
+
"comment": "Removing deprecated block prop from all button components."
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"author": "beachball",
|
|
288
|
+
"package": "@fluentui/react-button",
|
|
289
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
|
|
290
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"author": "beachball",
|
|
294
|
+
"package": "@fluentui/react-button",
|
|
295
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
|
|
296
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"author": "beachball",
|
|
300
|
+
"package": "@fluentui/react-button",
|
|
301
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
|
|
302
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
303
|
+
}
|
|
304
|
+
],
|
|
305
|
+
"none": [
|
|
306
|
+
{
|
|
307
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
308
|
+
"package": "@fluentui/react-button",
|
|
309
|
+
"commit": "aa1f446e037786d74a3c14f0bee09dbcf403a929",
|
|
310
|
+
"comment": "Improving README and updating spec and migration guide."
|
|
311
|
+
}
|
|
312
|
+
]
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"date": "Mon, 23 May 2022 12:14:03 GMT",
|
|
317
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.10",
|
|
318
|
+
"version": "9.0.0-rc.10",
|
|
319
|
+
"comments": {
|
|
320
|
+
"prerelease": [
|
|
321
|
+
{
|
|
322
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
323
|
+
"package": "@fluentui/react-button",
|
|
324
|
+
"commit": "6cb084a7afe7d662dc2d9d65b91474f132566390",
|
|
325
|
+
"comment": "Using spacing tokens for button components."
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
329
|
+
"package": "@fluentui/react-button",
|
|
330
|
+
"commit": "29f73d77cfdc20a123cb64115fb1a926300d216e",
|
|
331
|
+
"comment": "Removing flex gap from button components and fixing spacing to better align with design spec."
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"author": "olfedias@microsoft.com",
|
|
335
|
+
"package": "@fluentui/react-button",
|
|
336
|
+
"commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
|
|
337
|
+
"comment": "chore: Update Griffel to latest version"
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"author": "olfedias@microsoft.com",
|
|
341
|
+
"package": "@fluentui/react-button",
|
|
342
|
+
"commit": "60804cec07a495b8a5d1fc66338bf0443b212144",
|
|
343
|
+
"comment": "chore: Update Griffel to latest version"
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
"author": "humberto_makoto@hotmail.com",
|
|
347
|
+
"package": "@fluentui/react-button",
|
|
348
|
+
"commit": "606dca4330f71a3a3ac466a30b3db1664ad0c55d",
|
|
349
|
+
"comment": "Removing Common types from all button components."
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
353
|
+
"package": "@fluentui/react-button",
|
|
354
|
+
"commit": "be57c96ae39842da3bc38740b7823eeee68cc3ea",
|
|
355
|
+
"comment": "Removing ToggleButtonCommons type in @fluentui/react-button."
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"author": "beachball",
|
|
359
|
+
"package": "@fluentui/react-button",
|
|
360
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.9",
|
|
361
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"author": "beachball",
|
|
365
|
+
"package": "@fluentui/react-button",
|
|
366
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.10",
|
|
367
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"author": "beachball",
|
|
371
|
+
"package": "@fluentui/react-button",
|
|
372
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
|
|
373
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"author": "beachball",
|
|
377
|
+
"package": "@fluentui/react-button",
|
|
378
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
|
|
379
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
380
|
+
},
|
|
381
|
+
{
|
|
382
|
+
"author": "beachball",
|
|
383
|
+
"package": "@fluentui/react-button",
|
|
384
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
|
|
385
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
386
|
+
}
|
|
387
|
+
]
|
|
388
|
+
}
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"date": "Thu, 05 May 2022 18:26:29 GMT",
|
|
6
392
|
"tag": "@fluentui/react-button_v9.0.0-rc.9",
|
|
7
393
|
"version": "9.0.0-rc.9",
|
|
8
394
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,126 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-button
|
|
2
2
|
|
|
3
|
-
This log was last generated on Thu,
|
|
3
|
+
This log was last generated on Thu, 14 Jul 2022 17:03:25 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.2)
|
|
8
|
+
|
|
9
|
+
Thu, 14 Jul 2022 17:03:25 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.1..@fluentui/react-button_v9.0.2)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Update @fluentui/react-icons dependency to v2.0.175 ([PR #23812](https://github.com/microsoft/fluentui/pull/23812) by ololubek@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-aria to v9.0.1 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
|
|
16
|
+
- Bump @fluentui/react-tabster to v9.0.2 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
|
|
17
|
+
- Bump @fluentui/react-utilities to v9.0.1-0 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
|
|
18
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
|
|
19
|
+
|
|
20
|
+
## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.1)
|
|
21
|
+
|
|
22
|
+
Tue, 28 Jun 2022 17:39:47 GMT
|
|
23
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0..@fluentui/react-button_v9.0.1)
|
|
24
|
+
|
|
25
|
+
### Patches
|
|
26
|
+
|
|
27
|
+
- fix: Use caret dependency range for Griffel ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by lingfangao@hotmail.com)
|
|
28
|
+
- Bump @fluentui/react-tabster to v9.0.1 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
|
|
29
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
|
|
30
|
+
|
|
31
|
+
## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0)
|
|
32
|
+
|
|
33
|
+
Tue, 28 Jun 2022 15:13:26 GMT
|
|
34
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.14..@fluentui/react-button_v9.0.0)
|
|
35
|
+
|
|
36
|
+
### Patches
|
|
37
|
+
|
|
38
|
+
- feat: Initial 9.0.0 release ([PR #23733](https://github.com/microsoft/fluentui/pull/23733) by lingfangao@hotmail.com)
|
|
39
|
+
- Bump @fluentui/keyboard-keys to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
40
|
+
- Bump @fluentui/react-aria to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
41
|
+
- Bump @fluentui/react-tabster to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
42
|
+
- Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
43
|
+
- Bump @fluentui/react-utilities to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
44
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
45
|
+
|
|
46
|
+
### Changes
|
|
47
|
+
|
|
48
|
+
- Bump Griffel dependencies ([PR #23688](https://github.com/microsoft/fluentui/pull/23688) by lingfangao@hotmail.com)
|
|
49
|
+
- README and migration guide cleanup. ([PR #23395](https://github.com/microsoft/fluentui/pull/23395) by Humberto.Morimoto@microsoft.com)
|
|
50
|
+
- Button: Adding missing forced color adjust overrides. ([PR #23387](https://github.com/microsoft/fluentui/pull/23387) by Humberto.Morimoto@microsoft.com)
|
|
51
|
+
- Update 9.0.0-rc dependencies to use caret range ([PR #23732](https://github.com/microsoft/fluentui/pull/23732) by lingfangao@hotmail.com)
|
|
52
|
+
- Button: Fixing hover styles in High Contrast mode. ([PR #23384](https://github.com/microsoft/fluentui/pull/23384) by Humberto.Morimoto@microsoft.com)
|
|
53
|
+
- chore: Update @fluentui/react-icons to latest version ([PR #23459](https://github.com/microsoft/fluentui/pull/23459) by olfedias@microsoft.com)
|
|
54
|
+
|
|
55
|
+
## [9.0.0-rc.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.14)
|
|
56
|
+
|
|
57
|
+
Thu, 23 Jun 2022 14:25:31 GMT
|
|
58
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.13..@fluentui/react-button_v9.0.0-rc.14)
|
|
59
|
+
|
|
60
|
+
### Changes
|
|
61
|
+
|
|
62
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.14 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
|
|
63
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.10 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
|
|
64
|
+
|
|
65
|
+
## [9.0.0-rc.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.13)
|
|
66
|
+
|
|
67
|
+
Tue, 31 May 2022 21:28:36 GMT
|
|
68
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.12..@fluentui/react-button_v9.0.0-rc.13)
|
|
69
|
+
|
|
70
|
+
### Changes
|
|
71
|
+
|
|
72
|
+
- chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
|
|
73
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
74
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.13 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
75
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
76
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
77
|
+
|
|
78
|
+
## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.12)
|
|
79
|
+
|
|
80
|
+
Thu, 26 May 2022 21:01:23 GMT
|
|
81
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.11..@fluentui/react-button_v9.0.0-rc.12)
|
|
82
|
+
|
|
83
|
+
### Changes
|
|
84
|
+
|
|
85
|
+
- ToggleButton: Differentiating hover and checked styles. ([PR #23209](https://github.com/microsoft/fluentui/pull/23209) by Humberto.Morimoto@microsoft.com)
|
|
86
|
+
- ToggleButton: Apply thicker border width to checked outline toggle buttons. ([PR #23207](https://github.com/microsoft/fluentui/pull/23207) by Humberto.Morimoto@microsoft.com)
|
|
87
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
|
|
88
|
+
|
|
89
|
+
## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.11)
|
|
90
|
+
|
|
91
|
+
Mon, 23 May 2022 18:56:41 GMT
|
|
92
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.10..@fluentui/react-button_v9.0.0-rc.11)
|
|
93
|
+
|
|
94
|
+
### Changes
|
|
95
|
+
|
|
96
|
+
- Removing <componentName>ClassName exports. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
|
|
97
|
+
- Removing deprecated block prop from all button components. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by Humberto.Morimoto@microsoft.com)
|
|
98
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
99
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
100
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
101
|
+
|
|
102
|
+
## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.10)
|
|
103
|
+
|
|
104
|
+
Mon, 23 May 2022 12:14:03 GMT
|
|
105
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.9..@fluentui/react-button_v9.0.0-rc.10)
|
|
106
|
+
|
|
107
|
+
### Changes
|
|
108
|
+
|
|
109
|
+
- Using spacing tokens for button components. ([PR #23076](https://github.com/microsoft/fluentui/pull/23076) by Humberto.Morimoto@microsoft.com)
|
|
110
|
+
- Removing flex gap from button components and fixing spacing to better align with design spec. ([PR #23091](https://github.com/microsoft/fluentui/pull/23091) by Humberto.Morimoto@microsoft.com)
|
|
111
|
+
- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
|
|
112
|
+
- chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
|
|
113
|
+
- Removing Common types from all button components. ([PR #22904](https://github.com/microsoft/fluentui/pull/22904) by humberto_makoto@hotmail.com)
|
|
114
|
+
- Removing ToggleButtonCommons type in @fluentui/react-button. ([PR #23067](https://github.com/microsoft/fluentui/pull/23067) by Humberto.Morimoto@microsoft.com)
|
|
115
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
116
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
117
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
118
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
119
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
120
|
+
|
|
7
121
|
## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.9)
|
|
8
122
|
|
|
9
|
-
Thu, 05 May 2022 18:
|
|
123
|
+
Thu, 05 May 2022 18:26:29 GMT
|
|
10
124
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.8..@fluentui/react-button_v9.0.0-rc.9)
|
|
11
125
|
|
|
12
126
|
### Changes
|
package/README.md
CHANGED
|
@@ -1,36 +1,98 @@
|
|
|
1
1
|
# @fluentui/react-button
|
|
2
2
|
|
|
3
|
-
**Button components for [Fluent UI React](https://
|
|
3
|
+
**Button components for [Fluent UI React](https://react.fluentui.dev/)**
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
- Buttons enable users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
|
|
6
|
+
- CompoundButtons are buttons that can have secondary content that adds extra information to the user.
|
|
7
|
+
- MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close menus.
|
|
8
|
+
- SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary action, while interacting with the second one opens a menu with secondary actions.
|
|
9
|
+
- ToggleButtons are buttons that toggle between two defined states when triggered.
|
|
10
10
|
|
|
11
11
|
## Usage
|
|
12
12
|
|
|
13
13
|
To import Button:
|
|
14
14
|
|
|
15
15
|
```js
|
|
16
|
-
import { Button } from '@fluentui/react-
|
|
16
|
+
import { Button, CompoundButton, MenuButton, SplitButton, ToggleButton } from '@fluentui/react-components';
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
### Examples
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
### Button
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
<Button>Submit</Button>
|
|
25
|
+
<Button icon={<SVGIcon />} />
|
|
26
|
+
<Button icon={<SVGIcon />}>Submit</Button>
|
|
27
|
+
<Button icon={<SVGIcon />} iconPosition="after">Submit</Button>
|
|
28
|
+
<Button appearance="primary">Submit</Button>
|
|
29
|
+
<Button disabled>Submit</Button>
|
|
30
|
+
<Button size="small">Submit</Button>
|
|
31
|
+
<Button size="large">Submit</Button>
|
|
23
32
|
```
|
|
24
33
|
|
|
25
|
-
###
|
|
34
|
+
### CompoundButton
|
|
26
35
|
|
|
27
36
|
```jsx
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
37
|
+
<CompoundButton icon={<CalendarMonth />} secondaryContent="Secondary content" {...props}>
|
|
38
|
+
Example
|
|
39
|
+
</CompoundButton>
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### MenuButton
|
|
43
|
+
|
|
44
|
+
```jsx
|
|
45
|
+
<Menu>
|
|
46
|
+
<MenuTrigger>
|
|
47
|
+
<MenuButton>Example</MenuButton>
|
|
48
|
+
</MenuTrigger>
|
|
49
|
+
|
|
50
|
+
<MenuPopover>
|
|
51
|
+
<MenuList>
|
|
52
|
+
<MenuItem>Item a</MenuItem>
|
|
53
|
+
<MenuItem>Item b</MenuItem>
|
|
54
|
+
</MenuList>
|
|
55
|
+
</MenuPopover>
|
|
56
|
+
</Menu>
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
### SplitButton
|
|
60
|
+
|
|
61
|
+
```jsx
|
|
62
|
+
<Menu positioning="below-end">
|
|
63
|
+
<MenuTrigger>
|
|
64
|
+
{(triggerProps: MenuButtonProps) => <SplitButton menuButton={triggerProps}>Example</SplitButton>}
|
|
65
|
+
</MenuTrigger>
|
|
66
|
+
|
|
67
|
+
<MenuPopover>
|
|
68
|
+
<MenuList>
|
|
69
|
+
<MenuItem>Item a</MenuItem>
|
|
70
|
+
<MenuItem>Item b</MenuItem>
|
|
71
|
+
</MenuList>
|
|
72
|
+
</MenuPopover>
|
|
73
|
+
</Menu>
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
### ToggleButton
|
|
77
|
+
|
|
78
|
+
```jsx
|
|
79
|
+
<ToggleButton>Toggle volume</ToggleButton>
|
|
80
|
+
<ToggleButton defaultChecked={true}>Toggle volume</ToggleButton>
|
|
81
|
+
<ToggleButton checked={true}>Toggle volume</ToggleButton>
|
|
82
|
+
<ToggleButton checked={false}>Toggle volume</ToggleButton>
|
|
36
83
|
```
|
|
84
|
+
|
|
85
|
+
See [Fluent UI Storybook](https://react.fluentui.dev/) for more detailed usage examples.
|
|
86
|
+
|
|
87
|
+
Alternatively, run Storybook locally with:
|
|
88
|
+
|
|
89
|
+
1. `yarn start`
|
|
90
|
+
2. Select `react-button` from the list.
|
|
91
|
+
|
|
92
|
+
### Specification
|
|
93
|
+
|
|
94
|
+
See [SPEC.md](./src/components/Button/SPEC.md).
|
|
95
|
+
|
|
96
|
+
### Migration Guide
|
|
97
|
+
|
|
98
|
+
If you're upgrading to Fluent UI v9 see [MIGRATION.md](./src/components/Button/MIGRATION.md) for guidance on updating to the latest component implementations.
|