@fluentui/react-button 9.0.0-rc.8 → 9.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +385 -1
- package/CHANGELOG.md +118 -2
- package/README.md +81 -19
- package/dist/index.d.ts +32 -55
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- 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 +11 -13
- package/lib/Button.d.ts +0 -1
- package/lib/CompoundButton.d.ts +0 -1
- package/lib/MenuButton.d.ts +0 -1
- package/lib/SplitButton.d.ts +0 -1
- package/lib/ToggleButton.d.ts +0 -1
- package/lib/components/Button/Button.d.ts +0 -6
- package/lib/components/Button/Button.types.d.ts +0 -64
- package/lib/components/Button/index.d.ts +0 -5
- package/lib/components/Button/renderButton.d.ts +0 -5
- package/lib/components/Button/useButton.d.ts +0 -8
- package/lib/components/Button/useButtonStyles.d.ts +0 -8
- package/lib/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib/components/CompoundButton/index.d.ts +0 -5
- package/lib/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
- package/lib/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib/components/MenuButton/MenuButton.types.d.ts +0 -10
- package/lib/components/MenuButton/index.d.ts +0 -5
- package/lib/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
- package/lib/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib/components/SplitButton/SplitButton.types.d.ts +0 -21
- package/lib/components/SplitButton/index.d.ts +0 -5
- package/lib/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
- package/lib/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib/components/ToggleButton/ToggleButton.types.d.ts +0 -20
- package/lib/components/ToggleButton/index.d.ts +0 -5
- package/lib/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
- package/lib/index.d.ts +0 -11
- package/lib/utils/index.d.ts +0 -1
- package/lib/utils/useToggleState.d.ts +0 -3
- package/lib-commonjs/Button.d.ts +0 -1
- package/lib-commonjs/CompoundButton.d.ts +0 -1
- package/lib-commonjs/MenuButton.d.ts +0 -1
- package/lib-commonjs/SplitButton.d.ts +0 -1
- package/lib-commonjs/ToggleButton.d.ts +0 -1
- package/lib-commonjs/components/Button/Button.d.ts +0 -6
- package/lib-commonjs/components/Button/Button.types.d.ts +0 -64
- package/lib-commonjs/components/Button/index.d.ts +0 -5
- package/lib-commonjs/components/Button/renderButton.d.ts +0 -5
- package/lib-commonjs/components/Button/useButton.d.ts +0 -8
- package/lib-commonjs/components/Button/useButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib-commonjs/components/CompoundButton/index.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +0 -10
- package/lib-commonjs/components/MenuButton/index.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts +0 -21
- package/lib-commonjs/components/SplitButton/index.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.d.ts +0 -20
- package/lib-commonjs/components/ToggleButton/index.d.ts +0 -5
- package/lib-commonjs/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
- package/lib-commonjs/index.d.ts +0 -11
- package/lib-commonjs/utils/index.d.ts +0 -1
- package/lib-commonjs/utils/useToggleState.d.ts +0 -3
package/CHANGELOG.json
CHANGED
@@ -2,7 +2,391 @@
|
|
2
2
|
"name": "@fluentui/react-button",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
5
|
+
"date": "Tue, 28 Jun 2022 17:37:47 GMT",
|
6
|
+
"tag": "@fluentui/react-button_v9.0.1",
|
7
|
+
"version": "9.0.1",
|
8
|
+
"comments": {
|
9
|
+
"patch": [
|
10
|
+
{
|
11
|
+
"author": "lingfangao@hotmail.com",
|
12
|
+
"package": "@fluentui/react-button",
|
13
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b",
|
14
|
+
"comment": "fix: Use caret dependency range for Griffel"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "beachball",
|
18
|
+
"package": "@fluentui/react-button",
|
19
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.1",
|
20
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "beachball",
|
24
|
+
"package": "@fluentui/react-button",
|
25
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10",
|
26
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
|
27
|
+
}
|
28
|
+
]
|
29
|
+
}
|
30
|
+
},
|
31
|
+
{
|
32
|
+
"date": "Tue, 28 Jun 2022 15:13:26 GMT",
|
33
|
+
"tag": "@fluentui/react-button_v9.0.0",
|
34
|
+
"version": "9.0.0",
|
35
|
+
"comments": {
|
36
|
+
"prerelease": [
|
37
|
+
{
|
38
|
+
"author": "lingfangao@hotmail.com",
|
39
|
+
"package": "@fluentui/react-button",
|
40
|
+
"commit": "675acea49c97f10837ddee9b8c4350ca27750125",
|
41
|
+
"comment": "Bump Griffel dependencies"
|
42
|
+
},
|
43
|
+
{
|
44
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
45
|
+
"package": "@fluentui/react-button",
|
46
|
+
"commit": "ce6fe7e35398b3ca4e11a26b777fd9ba46529c72",
|
47
|
+
"comment": "README and migration guide cleanup."
|
48
|
+
},
|
49
|
+
{
|
50
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
51
|
+
"package": "@fluentui/react-button",
|
52
|
+
"commit": "31b9f89bcd3ffc2b0719b0b55643ccf92ff6a686",
|
53
|
+
"comment": "Button: Adding missing forced color adjust overrides."
|
54
|
+
},
|
55
|
+
{
|
56
|
+
"author": "lingfangao@hotmail.com",
|
57
|
+
"package": "@fluentui/react-button",
|
58
|
+
"commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
|
59
|
+
"comment": "Update 9.0.0-rc dependencies to use caret range"
|
60
|
+
},
|
61
|
+
{
|
62
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
63
|
+
"package": "@fluentui/react-button",
|
64
|
+
"commit": "d32031b50748baff9cb9592ca360ef8e54f61ab8",
|
65
|
+
"comment": "Button: Fixing hover styles in High Contrast mode."
|
66
|
+
},
|
67
|
+
{
|
68
|
+
"author": "olfedias@microsoft.com",
|
69
|
+
"package": "@fluentui/react-button",
|
70
|
+
"commit": "82bd30dd41ad58df1f325e9b721200ed15d674a2",
|
71
|
+
"comment": "chore: Update @fluentui/react-icons to latest version"
|
72
|
+
}
|
73
|
+
],
|
74
|
+
"none": [
|
75
|
+
{
|
76
|
+
"author": "mgodbolt@microsoft.com",
|
77
|
+
"package": "@fluentui/react-button",
|
78
|
+
"commit": "19377b1b434b3fd25c7d2a4be1c548bb553803a1",
|
79
|
+
"comment": "chore: Moving button stories to folder with index entry."
|
80
|
+
}
|
81
|
+
],
|
82
|
+
"patch": [
|
83
|
+
{
|
84
|
+
"author": "lingfangao@hotmail.com",
|
85
|
+
"package": "@fluentui/react-button",
|
86
|
+
"commit": "c7b1348bdad7aa883c29bfbc96ef2a32e6ebc7dd",
|
87
|
+
"comment": "feat: Initial 9.0.0 release"
|
88
|
+
},
|
89
|
+
{
|
90
|
+
"author": "beachball",
|
91
|
+
"package": "@fluentui/react-button",
|
92
|
+
"comment": "Bump @fluentui/keyboard-keys to v9.0.0",
|
93
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
94
|
+
},
|
95
|
+
{
|
96
|
+
"author": "beachball",
|
97
|
+
"package": "@fluentui/react-button",
|
98
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0",
|
99
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
100
|
+
},
|
101
|
+
{
|
102
|
+
"author": "beachball",
|
103
|
+
"package": "@fluentui/react-button",
|
104
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0",
|
105
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
106
|
+
},
|
107
|
+
{
|
108
|
+
"author": "beachball",
|
109
|
+
"package": "@fluentui/react-button",
|
110
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0",
|
111
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
112
|
+
},
|
113
|
+
{
|
114
|
+
"author": "beachball",
|
115
|
+
"package": "@fluentui/react-button",
|
116
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0",
|
117
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
118
|
+
},
|
119
|
+
{
|
120
|
+
"author": "beachball",
|
121
|
+
"package": "@fluentui/react-button",
|
122
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9",
|
123
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
124
|
+
}
|
125
|
+
]
|
126
|
+
}
|
127
|
+
},
|
128
|
+
{
|
129
|
+
"date": "Thu, 23 Jun 2022 14:25:31 GMT",
|
130
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.14",
|
131
|
+
"version": "9.0.0-rc.14",
|
132
|
+
"comments": {
|
133
|
+
"prerelease": [
|
134
|
+
{
|
135
|
+
"author": "beachball",
|
136
|
+
"package": "@fluentui/react-button",
|
137
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.14",
|
138
|
+
"commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
|
139
|
+
},
|
140
|
+
{
|
141
|
+
"author": "beachball",
|
142
|
+
"package": "@fluentui/react-button",
|
143
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
|
144
|
+
"commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
|
145
|
+
}
|
146
|
+
]
|
147
|
+
}
|
148
|
+
},
|
149
|
+
{
|
150
|
+
"date": "Tue, 31 May 2022 21:28:36 GMT",
|
151
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.13",
|
152
|
+
"version": "9.0.0-rc.13",
|
153
|
+
"comments": {
|
154
|
+
"prerelease": [
|
155
|
+
{
|
156
|
+
"author": "olfedias@microsoft.com",
|
157
|
+
"package": "@fluentui/react-button",
|
158
|
+
"commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
|
159
|
+
"comment": "chore: Update Griffel to latest version"
|
160
|
+
},
|
161
|
+
{
|
162
|
+
"author": "beachball",
|
163
|
+
"package": "@fluentui/react-button",
|
164
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.10",
|
165
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
166
|
+
},
|
167
|
+
{
|
168
|
+
"author": "beachball",
|
169
|
+
"package": "@fluentui/react-button",
|
170
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.13",
|
171
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
172
|
+
},
|
173
|
+
{
|
174
|
+
"author": "beachball",
|
175
|
+
"package": "@fluentui/react-button",
|
176
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
|
177
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
178
|
+
},
|
179
|
+
{
|
180
|
+
"author": "beachball",
|
181
|
+
"package": "@fluentui/react-button",
|
182
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
|
183
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
184
|
+
}
|
185
|
+
]
|
186
|
+
}
|
187
|
+
},
|
188
|
+
{
|
189
|
+
"date": "Thu, 26 May 2022 21:01:23 GMT",
|
190
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.12",
|
191
|
+
"version": "9.0.0-rc.12",
|
192
|
+
"comments": {
|
193
|
+
"prerelease": [
|
194
|
+
{
|
195
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
196
|
+
"package": "@fluentui/react-button",
|
197
|
+
"commit": "cc2a9d0f9b722f68a54da026ab320e3be22c21dd",
|
198
|
+
"comment": "ToggleButton: Differentiating hover and checked styles."
|
199
|
+
},
|
200
|
+
{
|
201
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
202
|
+
"package": "@fluentui/react-button",
|
203
|
+
"commit": "2c84c4f1ad43819325ee0aafa57d42a1f8239113",
|
204
|
+
"comment": "ToggleButton: Apply thicker border width to checked outline toggle buttons."
|
205
|
+
},
|
206
|
+
{
|
207
|
+
"author": "beachball",
|
208
|
+
"package": "@fluentui/react-button",
|
209
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
|
210
|
+
"commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
|
211
|
+
}
|
212
|
+
]
|
213
|
+
}
|
214
|
+
},
|
215
|
+
{
|
216
|
+
"date": "Mon, 23 May 2022 18:56:41 GMT",
|
217
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.11",
|
218
|
+
"version": "9.0.0-rc.11",
|
219
|
+
"comments": {
|
220
|
+
"prerelease": [
|
221
|
+
{
|
222
|
+
"author": "esteban.230@hotmail.com",
|
223
|
+
"package": "@fluentui/react-button",
|
224
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
225
|
+
"comment": "Removing <componentName>ClassName exports."
|
226
|
+
},
|
227
|
+
{
|
228
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
229
|
+
"package": "@fluentui/react-button",
|
230
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
231
|
+
"comment": "Removing deprecated block prop from all button components."
|
232
|
+
},
|
233
|
+
{
|
234
|
+
"author": "beachball",
|
235
|
+
"package": "@fluentui/react-button",
|
236
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
|
237
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
238
|
+
},
|
239
|
+
{
|
240
|
+
"author": "beachball",
|
241
|
+
"package": "@fluentui/react-button",
|
242
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
|
243
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
244
|
+
},
|
245
|
+
{
|
246
|
+
"author": "beachball",
|
247
|
+
"package": "@fluentui/react-button",
|
248
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
|
249
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
250
|
+
}
|
251
|
+
],
|
252
|
+
"none": [
|
253
|
+
{
|
254
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
255
|
+
"package": "@fluentui/react-button",
|
256
|
+
"commit": "aa1f446e037786d74a3c14f0bee09dbcf403a929",
|
257
|
+
"comment": "Improving README and updating spec and migration guide."
|
258
|
+
}
|
259
|
+
]
|
260
|
+
}
|
261
|
+
},
|
262
|
+
{
|
263
|
+
"date": "Mon, 23 May 2022 12:14:03 GMT",
|
264
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.10",
|
265
|
+
"version": "9.0.0-rc.10",
|
266
|
+
"comments": {
|
267
|
+
"prerelease": [
|
268
|
+
{
|
269
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
270
|
+
"package": "@fluentui/react-button",
|
271
|
+
"commit": "6cb084a7afe7d662dc2d9d65b91474f132566390",
|
272
|
+
"comment": "Using spacing tokens for button components."
|
273
|
+
},
|
274
|
+
{
|
275
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
276
|
+
"package": "@fluentui/react-button",
|
277
|
+
"commit": "29f73d77cfdc20a123cb64115fb1a926300d216e",
|
278
|
+
"comment": "Removing flex gap from button components and fixing spacing to better align with design spec."
|
279
|
+
},
|
280
|
+
{
|
281
|
+
"author": "olfedias@microsoft.com",
|
282
|
+
"package": "@fluentui/react-button",
|
283
|
+
"commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
|
284
|
+
"comment": "chore: Update Griffel to latest version"
|
285
|
+
},
|
286
|
+
{
|
287
|
+
"author": "olfedias@microsoft.com",
|
288
|
+
"package": "@fluentui/react-button",
|
289
|
+
"commit": "60804cec07a495b8a5d1fc66338bf0443b212144",
|
290
|
+
"comment": "chore: Update Griffel to latest version"
|
291
|
+
},
|
292
|
+
{
|
293
|
+
"author": "humberto_makoto@hotmail.com",
|
294
|
+
"package": "@fluentui/react-button",
|
295
|
+
"commit": "606dca4330f71a3a3ac466a30b3db1664ad0c55d",
|
296
|
+
"comment": "Removing Common types from all button components."
|
297
|
+
},
|
298
|
+
{
|
299
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
300
|
+
"package": "@fluentui/react-button",
|
301
|
+
"commit": "be57c96ae39842da3bc38740b7823eeee68cc3ea",
|
302
|
+
"comment": "Removing ToggleButtonCommons type in @fluentui/react-button."
|
303
|
+
},
|
304
|
+
{
|
305
|
+
"author": "beachball",
|
306
|
+
"package": "@fluentui/react-button",
|
307
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.9",
|
308
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
309
|
+
},
|
310
|
+
{
|
311
|
+
"author": "beachball",
|
312
|
+
"package": "@fluentui/react-button",
|
313
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.10",
|
314
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
315
|
+
},
|
316
|
+
{
|
317
|
+
"author": "beachball",
|
318
|
+
"package": "@fluentui/react-button",
|
319
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
|
320
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
321
|
+
},
|
322
|
+
{
|
323
|
+
"author": "beachball",
|
324
|
+
"package": "@fluentui/react-button",
|
325
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
|
326
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
327
|
+
},
|
328
|
+
{
|
329
|
+
"author": "beachball",
|
330
|
+
"package": "@fluentui/react-button",
|
331
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
|
332
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
333
|
+
}
|
334
|
+
]
|
335
|
+
}
|
336
|
+
},
|
337
|
+
{
|
338
|
+
"date": "Thu, 05 May 2022 18:26:29 GMT",
|
339
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.9",
|
340
|
+
"version": "9.0.0-rc.9",
|
341
|
+
"comments": {
|
342
|
+
"prerelease": [
|
343
|
+
{
|
344
|
+
"author": "martinhochel@microsoft.com",
|
345
|
+
"package": "@fluentui/react-button",
|
346
|
+
"commit": "e465622ca241f3dd0534da50823a51e7311fd9ef",
|
347
|
+
"comment": "feat: ship rolluped only dts"
|
348
|
+
},
|
349
|
+
{
|
350
|
+
"author": "beachball",
|
351
|
+
"package": "@fluentui/react-button",
|
352
|
+
"comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.6",
|
353
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
354
|
+
},
|
355
|
+
{
|
356
|
+
"author": "beachball",
|
357
|
+
"package": "@fluentui/react-button",
|
358
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.8",
|
359
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
360
|
+
},
|
361
|
+
{
|
362
|
+
"author": "beachball",
|
363
|
+
"package": "@fluentui/react-button",
|
364
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.9",
|
365
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
366
|
+
},
|
367
|
+
{
|
368
|
+
"author": "beachball",
|
369
|
+
"package": "@fluentui/react-button",
|
370
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.7",
|
371
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
372
|
+
},
|
373
|
+
{
|
374
|
+
"author": "beachball",
|
375
|
+
"package": "@fluentui/react-button",
|
376
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.8",
|
377
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
378
|
+
},
|
379
|
+
{
|
380
|
+
"author": "beachball",
|
381
|
+
"package": "@fluentui/react-button",
|
382
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5",
|
383
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
384
|
+
}
|
385
|
+
]
|
386
|
+
}
|
387
|
+
},
|
388
|
+
{
|
389
|
+
"date": "Wed, 04 May 2022 13:26:38 GMT",
|
6
390
|
"tag": "@fluentui/react-button_v9.0.0-rc.8",
|
7
391
|
"version": "9.0.0-rc.8",
|
8
392
|
"comments": {
|
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,128 @@
|
|
1
1
|
# Change Log - @fluentui/react-button
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Tue, 28 Jun 2022 17:37:47 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.1)
|
8
|
+
|
9
|
+
Tue, 28 Jun 2022 17:37:47 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0..@fluentui/react-button_v9.0.1)
|
11
|
+
|
12
|
+
### Patches
|
13
|
+
|
14
|
+
- fix: Use caret dependency range for Griffel ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by lingfangao@hotmail.com)
|
15
|
+
- Bump @fluentui/react-tabster to v9.0.1 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
|
16
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
|
17
|
+
|
18
|
+
## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0)
|
19
|
+
|
20
|
+
Tue, 28 Jun 2022 15:13:26 GMT
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.14..@fluentui/react-button_v9.0.0)
|
22
|
+
|
23
|
+
### Patches
|
24
|
+
|
25
|
+
- feat: Initial 9.0.0 release ([PR #23733](https://github.com/microsoft/fluentui/pull/23733) by lingfangao@hotmail.com)
|
26
|
+
- Bump @fluentui/keyboard-keys to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
27
|
+
- Bump @fluentui/react-aria to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
28
|
+
- Bump @fluentui/react-tabster to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
29
|
+
- Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
30
|
+
- Bump @fluentui/react-utilities to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
31
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
32
|
+
|
33
|
+
### Changes
|
34
|
+
|
35
|
+
- Bump Griffel dependencies ([PR #23688](https://github.com/microsoft/fluentui/pull/23688) by lingfangao@hotmail.com)
|
36
|
+
- README and migration guide cleanup. ([PR #23395](https://github.com/microsoft/fluentui/pull/23395) by Humberto.Morimoto@microsoft.com)
|
37
|
+
- Button: Adding missing forced color adjust overrides. ([PR #23387](https://github.com/microsoft/fluentui/pull/23387) by Humberto.Morimoto@microsoft.com)
|
38
|
+
- Update 9.0.0-rc dependencies to use caret range ([PR #23732](https://github.com/microsoft/fluentui/pull/23732) by lingfangao@hotmail.com)
|
39
|
+
- Button: Fixing hover styles in High Contrast mode. ([PR #23384](https://github.com/microsoft/fluentui/pull/23384) by Humberto.Morimoto@microsoft.com)
|
40
|
+
- chore: Update @fluentui/react-icons to latest version ([PR #23459](https://github.com/microsoft/fluentui/pull/23459) by olfedias@microsoft.com)
|
41
|
+
|
42
|
+
## [9.0.0-rc.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.14)
|
43
|
+
|
44
|
+
Thu, 23 Jun 2022 14:25:31 GMT
|
45
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.13..@fluentui/react-button_v9.0.0-rc.14)
|
46
|
+
|
47
|
+
### Changes
|
48
|
+
|
49
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.14 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
|
50
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.10 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
|
51
|
+
|
52
|
+
## [9.0.0-rc.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.13)
|
53
|
+
|
54
|
+
Tue, 31 May 2022 21:28:36 GMT
|
55
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.12..@fluentui/react-button_v9.0.0-rc.13)
|
56
|
+
|
57
|
+
### Changes
|
58
|
+
|
59
|
+
- chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
|
60
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
61
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.13 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
62
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
63
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
64
|
+
|
65
|
+
## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.12)
|
66
|
+
|
67
|
+
Thu, 26 May 2022 21:01:23 GMT
|
68
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.11..@fluentui/react-button_v9.0.0-rc.12)
|
69
|
+
|
70
|
+
### Changes
|
71
|
+
|
72
|
+
- ToggleButton: Differentiating hover and checked styles. ([PR #23209](https://github.com/microsoft/fluentui/pull/23209) by Humberto.Morimoto@microsoft.com)
|
73
|
+
- ToggleButton: Apply thicker border width to checked outline toggle buttons. ([PR #23207](https://github.com/microsoft/fluentui/pull/23207) by Humberto.Morimoto@microsoft.com)
|
74
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
|
75
|
+
|
76
|
+
## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.11)
|
77
|
+
|
78
|
+
Mon, 23 May 2022 18:56:41 GMT
|
79
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.10..@fluentui/react-button_v9.0.0-rc.11)
|
80
|
+
|
81
|
+
### Changes
|
82
|
+
|
83
|
+
- Removing <componentName>ClassName exports. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
|
84
|
+
- Removing deprecated block prop from all button components. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by Humberto.Morimoto@microsoft.com)
|
85
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
86
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
87
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
88
|
+
|
89
|
+
## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.10)
|
90
|
+
|
91
|
+
Mon, 23 May 2022 12:14:03 GMT
|
92
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.9..@fluentui/react-button_v9.0.0-rc.10)
|
93
|
+
|
94
|
+
### Changes
|
95
|
+
|
96
|
+
- Using spacing tokens for button components. ([PR #23076](https://github.com/microsoft/fluentui/pull/23076) by Humberto.Morimoto@microsoft.com)
|
97
|
+
- 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)
|
98
|
+
- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
|
99
|
+
- chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
|
100
|
+
- Removing Common types from all button components. ([PR #22904](https://github.com/microsoft/fluentui/pull/22904) by humberto_makoto@hotmail.com)
|
101
|
+
- Removing ToggleButtonCommons type in @fluentui/react-button. ([PR #23067](https://github.com/microsoft/fluentui/pull/23067) by Humberto.Morimoto@microsoft.com)
|
102
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
103
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
104
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
105
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
106
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
107
|
+
|
108
|
+
## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.9)
|
109
|
+
|
110
|
+
Thu, 05 May 2022 18:26:29 GMT
|
111
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.8..@fluentui/react-button_v9.0.0-rc.9)
|
112
|
+
|
113
|
+
### Changes
|
114
|
+
|
115
|
+
- feat: ship rolluped only dts ([PR #22823](https://github.com/microsoft/fluentui/pull/22823) by martinhochel@microsoft.com)
|
116
|
+
- Bump @fluentui/keyboard-keys to v9.0.0-rc.6 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
117
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
118
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
119
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.7 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
120
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
121
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
122
|
+
|
7
123
|
## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.8)
|
8
124
|
|
9
|
-
Wed, 04 May 2022 13:
|
125
|
+
Wed, 04 May 2022 13:26:38 GMT
|
10
126
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.7..@fluentui/react-button_v9.0.0-rc.8)
|
11
127
|
|
12
128
|
### 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://aka.ms/fluentui-storybook)**
|
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://aka.ms/fluentui-storybook) 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.
|