@progress/kendo-react-buttons 13.3.0-develop.2 → 13.3.0-develop.3
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/dist/cdn/js/kendo-react-buttons.js +1 -1
- package/index.d.mts +75 -75
- package/index.d.ts +75 -75
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +5 -5
package/index.d.mts
CHANGED
|
@@ -49,7 +49,7 @@ declare interface ButtonGroupInterface {
|
|
|
49
49
|
*/
|
|
50
50
|
children?: React.ReactNode;
|
|
51
51
|
/**
|
|
52
|
-
* By default, the ButtonGroup is enabled ([see example](
|
|
52
|
+
* By default, the ButtonGroup is enabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/buttongroup/disabled-state)). To disable the whole group of buttons, set its `disabled` attribute to `true`. To disable a specific button, set its own `disabled` attribute to `true` and leave the `disabled` attribute of the ButtonGroup undefined.
|
|
53
53
|
*
|
|
54
54
|
* If you define the `disabled` attribute of the ButtonGroup, it takes precedence over the `disabled` attributes of the underlying buttons and they are ignored.
|
|
55
55
|
*/
|
|
@@ -74,7 +74,7 @@ declare interface ButtonGroupInterface {
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
/**
|
|
77
|
-
* Represents the props of the [KendoReact ButtonGroup component](
|
|
77
|
+
* Represents the props of the [KendoReact ButtonGroup component](https://www.telerik.com/kendo-react-ui/components/buttons/buttongroup).
|
|
78
78
|
*/
|
|
79
79
|
export declare interface ButtonGroupProps extends ButtonGroupInterface {
|
|
80
80
|
/**
|
|
@@ -103,7 +103,7 @@ export declare interface ButtonHandle {
|
|
|
103
103
|
*/
|
|
104
104
|
element: HTMLButtonElement | null;
|
|
105
105
|
/**
|
|
106
|
-
* Returns `true` when the component is togglable and selected ([see example](
|
|
106
|
+
* Returns `true` when the component is togglable and selected ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/toggleable)).
|
|
107
107
|
* Otherwise, returns `false`.
|
|
108
108
|
*/
|
|
109
109
|
selected: boolean;
|
|
@@ -114,7 +114,7 @@ export declare interface ButtonHandle {
|
|
|
114
114
|
*/
|
|
115
115
|
declare interface ButtonInterface {
|
|
116
116
|
/**
|
|
117
|
-
* Specifies if the Button is disabled ([see example](
|
|
117
|
+
* Specifies if the Button is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/disabled-state)).
|
|
118
118
|
*
|
|
119
119
|
* @default false
|
|
120
120
|
*/
|
|
@@ -124,13 +124,13 @@ declare interface ButtonInterface {
|
|
|
124
124
|
*/
|
|
125
125
|
selected?: boolean;
|
|
126
126
|
/**
|
|
127
|
-
* Provides visual styling that shows if the Button is selected ([see example](
|
|
127
|
+
* Provides visual styling that shows if the Button is selected ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/toggleable)).
|
|
128
128
|
*
|
|
129
129
|
* @default false
|
|
130
130
|
*/
|
|
131
131
|
togglable?: boolean;
|
|
132
132
|
/**
|
|
133
|
-
* Defines the name for an existing icon in a KendoReact theme ([see example](
|
|
133
|
+
* Defines the name for an existing icon in a KendoReact theme ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). The icon renders inside the Button by a `span.k-icon` element.
|
|
134
134
|
*/
|
|
135
135
|
icon?: string;
|
|
136
136
|
/**
|
|
@@ -138,11 +138,11 @@ declare interface ButtonInterface {
|
|
|
138
138
|
*/
|
|
139
139
|
svgIcon?: SVGIcon;
|
|
140
140
|
/**
|
|
141
|
-
* Defines a CSS class — or multiple classes separated by spaces — which apply to a `span` element inside the Button ([see example](
|
|
141
|
+
* Defines a CSS class — or multiple classes separated by spaces — which apply to a `span` element inside the Button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). Allows you to use custom icons.
|
|
142
142
|
*/
|
|
143
143
|
iconClass?: string;
|
|
144
144
|
/**
|
|
145
|
-
* Defines a URL which is used as an `img` element inside the Button ([see example](
|
|
145
|
+
* Defines a URL which is used as an `img` element inside the Button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). The URL can be relative or absolute. If relative, it evaluates in relation to the URL of the web page.
|
|
146
146
|
*/
|
|
147
147
|
imageUrl?: string;
|
|
148
148
|
/**
|
|
@@ -243,7 +243,7 @@ export declare interface ButtonItemProps {
|
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
/**
|
|
246
|
-
* Represents the props of the [KendoReact Button component](
|
|
246
|
+
* Represents the props of the [KendoReact Button component](https://www.telerik.com/kendo-react-ui/components/buttons/button).
|
|
247
247
|
* Extends the [native button props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement).
|
|
248
248
|
*/
|
|
249
249
|
export declare interface ButtonProps extends ButtonInterface, React_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -252,13 +252,13 @@ export declare interface ButtonProps extends ButtonInterface, React_2.ButtonHTML
|
|
|
252
252
|
*/
|
|
253
253
|
children?: React_2.ReactNode;
|
|
254
254
|
/**
|
|
255
|
-
* Configures the `size` of the Button. See [Button Appearance](
|
|
255
|
+
* Configures the `size` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
|
|
256
256
|
*
|
|
257
257
|
* @default 'medium'
|
|
258
258
|
*/
|
|
259
259
|
size?: null | 'small' | 'medium' | 'large';
|
|
260
260
|
/**
|
|
261
|
-
* Configures the `roundness` of the Button. See [Button Appearance](
|
|
261
|
+
* Configures the `roundness` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
|
|
262
262
|
*
|
|
263
263
|
* @default 'medium'
|
|
264
264
|
*/
|
|
@@ -268,13 +268,13 @@ export declare interface ButtonProps extends ButtonInterface, React_2.ButtonHTML
|
|
|
268
268
|
*/
|
|
269
269
|
title?: string;
|
|
270
270
|
/**
|
|
271
|
-
* Configures the `fillMode` of the Button. See [Button Appearance](
|
|
271
|
+
* Configures the `fillMode` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
|
|
272
272
|
*
|
|
273
273
|
* @default 'solid'
|
|
274
274
|
*/
|
|
275
275
|
fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';
|
|
276
276
|
/**
|
|
277
|
-
* Configures the `themeColor` of the Button. See [Button Appearance](
|
|
277
|
+
* Configures the `themeColor` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
|
|
278
278
|
*
|
|
279
279
|
* @default 'base'
|
|
280
280
|
*/
|
|
@@ -321,12 +321,12 @@ export declare interface ButtonsPopupSettings {
|
|
|
321
321
|
popupClass?: string;
|
|
322
322
|
/**
|
|
323
323
|
* Specifies the pivot point of the anchor
|
|
324
|
-
* ([see example](
|
|
324
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/popup/aligning-positioning)).
|
|
325
325
|
*/
|
|
326
326
|
anchorAlign?: Align;
|
|
327
327
|
/**
|
|
328
328
|
* Specifies the pivot point of the Popup
|
|
329
|
-
* ([see example](
|
|
329
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/popup/aligning-positioning)).
|
|
330
330
|
*/
|
|
331
331
|
popupAlign?: Align;
|
|
332
332
|
/**
|
|
@@ -457,7 +457,7 @@ export declare interface ChipListHandle {
|
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
/**
|
|
460
|
-
* Represents the properties of [ChipList](
|
|
460
|
+
* Represents the properties of [ChipList](https://www.telerik.com/kendo-react-ui/components/buttons/api/chiplist) component.
|
|
461
461
|
*/
|
|
462
462
|
export declare interface ChipListProps extends FormComponentProps, KendoMouse<ChipListHandle, HTMLDivElement> {
|
|
463
463
|
/**
|
|
@@ -666,7 +666,7 @@ export declare interface ChipMouseEvent {
|
|
|
666
666
|
}
|
|
667
667
|
|
|
668
668
|
/**
|
|
669
|
-
* Represents the properties of [Chip](
|
|
669
|
+
* Represents the properties of [Chip](https://www.telerik.com/kendo-react-ui/components/buttons/api/chip) component.
|
|
670
670
|
*/
|
|
671
671
|
export declare interface ChipProps {
|
|
672
672
|
/**
|
|
@@ -1074,7 +1074,7 @@ export declare interface DropDownButtonBlurEvent extends BaseEvent<DropDownButto
|
|
|
1074
1074
|
export declare type DropDownButtonClassComponent = DropDownButtonHandle;
|
|
1075
1075
|
|
|
1076
1076
|
/**
|
|
1077
|
-
* Represents the [KendoReact DropDownButton component](
|
|
1077
|
+
* Represents the [KendoReact DropDownButton component](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton).
|
|
1078
1078
|
*
|
|
1079
1079
|
* @example
|
|
1080
1080
|
* ```jsx
|
|
@@ -1177,15 +1177,15 @@ export declare interface DropDownButtonProps extends KendoReactComponentBaseProp
|
|
|
1177
1177
|
*/
|
|
1178
1178
|
title?: string;
|
|
1179
1179
|
/**
|
|
1180
|
-
* Specifies the text of the main button ([see example](
|
|
1180
|
+
* Specifies the text of the main button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton)).
|
|
1181
1181
|
*/
|
|
1182
1182
|
text?: React.ReactNode;
|
|
1183
1183
|
/**
|
|
1184
|
-
* Specifies the list items ([see example](
|
|
1184
|
+
* Specifies the list items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/data-binding#toc-arrays-of-objects)).
|
|
1185
1185
|
*/
|
|
1186
1186
|
items?: any[];
|
|
1187
1187
|
/**
|
|
1188
|
-
* Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example](
|
|
1188
|
+
* Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/data-binding#toc-arrays-of-objects)).
|
|
1189
1189
|
*/
|
|
1190
1190
|
textField?: string;
|
|
1191
1191
|
/**
|
|
@@ -1193,7 +1193,7 @@ export declare interface DropDownButtonProps extends KendoReactComponentBaseProp
|
|
|
1193
1193
|
*/
|
|
1194
1194
|
tabIndex?: number;
|
|
1195
1195
|
/**
|
|
1196
|
-
* Determines whether the component is disabled ([see example](
|
|
1196
|
+
* Determines whether the component is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/disabled)).
|
|
1197
1197
|
*/
|
|
1198
1198
|
disabled?: boolean;
|
|
1199
1199
|
/**
|
|
@@ -1201,24 +1201,24 @@ export declare interface DropDownButtonProps extends KendoReactComponentBaseProp
|
|
|
1201
1201
|
*/
|
|
1202
1202
|
opened?: boolean;
|
|
1203
1203
|
/**
|
|
1204
|
-
* Defines an icon that will be rendered next to the main button text ([see example](
|
|
1204
|
+
* Defines an icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
|
|
1205
1205
|
*/
|
|
1206
1206
|
icon?: string;
|
|
1207
1207
|
/**
|
|
1208
|
-
* Defines a SVG icon that will be rendered next to the main button text ([see example](
|
|
1208
|
+
* Defines a SVG icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
|
|
1209
1209
|
*/
|
|
1210
1210
|
svgIcon?: SVGIcon;
|
|
1211
1211
|
/**
|
|
1212
|
-
* Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example](
|
|
1212
|
+
* Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
|
|
1213
1213
|
*/
|
|
1214
1214
|
iconClass?: string;
|
|
1215
1215
|
/**
|
|
1216
|
-
* Defines the location of an image that will be displayed next to the main button text ([see example](
|
|
1216
|
+
* Defines the location of an image that will be displayed next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
|
|
1217
1217
|
*/
|
|
1218
1218
|
imageUrl?: string;
|
|
1219
1219
|
/**
|
|
1220
1220
|
* Configures the popup
|
|
1221
|
-
* ([see example](
|
|
1221
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/customization#toc-popup-behavior)).
|
|
1222
1222
|
*/
|
|
1223
1223
|
popupSettings?: ButtonsPopupSettings;
|
|
1224
1224
|
/**
|
|
@@ -1231,7 +1231,7 @@ export declare interface DropDownButtonProps extends KendoReactComponentBaseProp
|
|
|
1231
1231
|
*/
|
|
1232
1232
|
_zIndex?: number;
|
|
1233
1233
|
/**
|
|
1234
|
-
* A React functional or class component which is used for rendering items ([see example](
|
|
1234
|
+
* A React functional or class component which is used for rendering items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/customization#toc-items-rendering)). The default rendering includes an icon, an image, and text.
|
|
1235
1235
|
*/
|
|
1236
1236
|
item?: null | React.ComponentType<{
|
|
1237
1237
|
item: any;
|
|
@@ -1258,23 +1258,23 @@ export declare interface DropDownButtonProps extends KendoReactComponentBaseProp
|
|
|
1258
1258
|
*/
|
|
1259
1259
|
dir?: string;
|
|
1260
1260
|
/**
|
|
1261
|
-
* Fires when the component is focused ([see example](
|
|
1261
|
+
* Fires when the component is focused ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
|
|
1262
1262
|
*/
|
|
1263
1263
|
onFocus?: (event: DropDownButtonFocusEvent) => void;
|
|
1264
1264
|
/**
|
|
1265
|
-
* Fires when the component is blurred ([see example](
|
|
1265
|
+
* Fires when the component is blurred ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
|
|
1266
1266
|
*/
|
|
1267
1267
|
onBlur?: (event: DropDownButtonBlurEvent) => void;
|
|
1268
1268
|
/**
|
|
1269
|
-
* Fires when an item is clicked ([see example](
|
|
1269
|
+
* Fires when an item is clicked ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
|
|
1270
1270
|
*/
|
|
1271
1271
|
onItemClick?: (event: DropDownButtonItemClickEvent) => void;
|
|
1272
1272
|
/**
|
|
1273
|
-
* Fires when the popup which contains the items is opened ([see example](
|
|
1273
|
+
* Fires when the popup which contains the items is opened ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
|
|
1274
1274
|
*/
|
|
1275
1275
|
onOpen?: (event: DropDownButtonOpenEvent) => void;
|
|
1276
1276
|
/**
|
|
1277
|
-
* Fires when the popup which contains the items is closed ([see example](
|
|
1277
|
+
* Fires when the popup which contains the items is closed ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
|
|
1278
1278
|
*/
|
|
1279
1279
|
onClose?: (event: DropDownButtonCloseEvent) => void;
|
|
1280
1280
|
/**
|
|
@@ -1457,7 +1457,7 @@ declare class DropDownButtonWithoutContext extends React_2.Component<DropDownBut
|
|
|
1457
1457
|
}
|
|
1458
1458
|
|
|
1459
1459
|
/**
|
|
1460
|
-
* Represents the [KendoReact FloatingActionButton component](
|
|
1460
|
+
* Represents the [KendoReact FloatingActionButton component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
|
|
1461
1461
|
*
|
|
1462
1462
|
* @example
|
|
1463
1463
|
* ```jsx
|
|
@@ -1540,7 +1540,7 @@ export declare interface FloatingActionButtonHandle {
|
|
|
1540
1540
|
}
|
|
1541
1541
|
|
|
1542
1542
|
/**
|
|
1543
|
-
* Represents the [KendoReact FloatingActionButtonItem component](
|
|
1543
|
+
* Represents the [KendoReact FloatingActionButtonItem component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
|
|
1544
1544
|
*
|
|
1545
1545
|
* @example
|
|
1546
1546
|
* ```jsx
|
|
@@ -1583,7 +1583,7 @@ export declare interface FloatingActionButtonItemHandle {
|
|
|
1583
1583
|
}
|
|
1584
1584
|
|
|
1585
1585
|
/**
|
|
1586
|
-
* Represents the props of the [KendoReact FloatingActionButtonItem component](
|
|
1586
|
+
* Represents the props of the [KendoReact FloatingActionButtonItem component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
|
|
1587
1587
|
*/
|
|
1588
1588
|
export declare interface FloatingActionButtonItemProps {
|
|
1589
1589
|
/**
|
|
@@ -1614,7 +1614,7 @@ export declare interface FloatingActionButtonItemProps {
|
|
|
1614
1614
|
*/
|
|
1615
1615
|
children?: any;
|
|
1616
1616
|
/**
|
|
1617
|
-
* Specifies if the Floating Action Button Item is disabled [see example](
|
|
1617
|
+
* Specifies if the Floating Action Button Item is disabled [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/disabled-item).
|
|
1618
1618
|
*
|
|
1619
1619
|
* @default false
|
|
1620
1620
|
* @example
|
|
@@ -1629,7 +1629,7 @@ export declare interface FloatingActionButtonItemProps {
|
|
|
1629
1629
|
index?: number;
|
|
1630
1630
|
/**
|
|
1631
1631
|
* Defines the icon that renders in the FloatingActionButtonItem
|
|
1632
|
-
* [see example](
|
|
1632
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/data-binding).
|
|
1633
1633
|
*/
|
|
1634
1634
|
icon?: string;
|
|
1635
1635
|
/**
|
|
@@ -1638,7 +1638,7 @@ export declare interface FloatingActionButtonItemProps {
|
|
|
1638
1638
|
svgIcon?: SVGIcon;
|
|
1639
1639
|
/**
|
|
1640
1640
|
* Specifies the text of the FloatingActionButtonItem
|
|
1641
|
-
* [see example](
|
|
1641
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/data-binding).
|
|
1642
1642
|
*/
|
|
1643
1643
|
text?: string;
|
|
1644
1644
|
/**
|
|
@@ -1650,7 +1650,7 @@ export declare interface FloatingActionButtonItemProps {
|
|
|
1650
1650
|
/**
|
|
1651
1651
|
* Sets a custom property. Contained in the FloatingActionButtonItem props that are
|
|
1652
1652
|
* returned from the `onItemClick` FloatingActionButton event
|
|
1653
|
-
* [see example](
|
|
1653
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/customization#toc-items-rendering).
|
|
1654
1654
|
*/
|
|
1655
1655
|
[customProp: string]: any;
|
|
1656
1656
|
/**
|
|
@@ -1685,12 +1685,12 @@ export declare interface FloatingActionButtonItemProps {
|
|
|
1685
1685
|
export declare interface FloatingActionButtonPopupSettings {
|
|
1686
1686
|
/**
|
|
1687
1687
|
* Controls the popup animation. By default, the open and close animations are enabled
|
|
1688
|
-
* [see example](
|
|
1688
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/customization#toc-popup-behavior).
|
|
1689
1689
|
*/
|
|
1690
1690
|
animate?: boolean | PopupAnimation;
|
|
1691
1691
|
/**
|
|
1692
1692
|
* Specifies a list of CSS classes that are used for styling the popup
|
|
1693
|
-
* [see example](
|
|
1693
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/customization#toc-popup-behavior).
|
|
1694
1694
|
*/
|
|
1695
1695
|
popupClass?: string;
|
|
1696
1696
|
/**
|
|
@@ -1714,7 +1714,7 @@ export declare interface FloatingActionButtonPopupSettings {
|
|
|
1714
1714
|
export declare type FloatingActionButtonPositionMode = 'absolute' | 'fixed';
|
|
1715
1715
|
|
|
1716
1716
|
/**
|
|
1717
|
-
* Represents the props of the [KendoReact FloatingActionButton component](
|
|
1717
|
+
* Represents the props of the [KendoReact FloatingActionButton component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
|
|
1718
1718
|
*/
|
|
1719
1719
|
export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onBlur' | 'onFocus' | 'onKeyDown' | 'onClick'> {
|
|
1720
1720
|
/**
|
|
@@ -1803,7 +1803,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
|
|
|
1803
1803
|
text?: string;
|
|
1804
1804
|
/**
|
|
1805
1805
|
* Specifies the horizontal and vertical offset of the FloatingActionButton.
|
|
1806
|
-
* [see example](
|
|
1806
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/positioning).
|
|
1807
1807
|
*
|
|
1808
1808
|
* Normally, the floating button positions next to the boundaries of its container with a default offset of `16px`.
|
|
1809
1809
|
*
|
|
@@ -1824,7 +1824,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
|
|
|
1824
1824
|
alignOffset?: FloatingActionButtonAlignOffset;
|
|
1825
1825
|
/**
|
|
1826
1826
|
* Specifies the alignment of the FloatingActionButton within its container.
|
|
1827
|
-
* [see example](
|
|
1827
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/positioning).
|
|
1828
1828
|
*
|
|
1829
1829
|
* > Centering the FloatingActionButton in both horizontal and vertical dimension is not a typical use case.
|
|
1830
1830
|
* Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and vertical: "middle"
|
|
@@ -1848,7 +1848,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
|
|
|
1848
1848
|
align?: FloatingActionButtonAlign;
|
|
1849
1849
|
/**
|
|
1850
1850
|
* Specifies the position mode of the Floating Action Button.
|
|
1851
|
-
* [see example](
|
|
1851
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/positioning). It is based on the
|
|
1852
1852
|
* [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) rule.
|
|
1853
1853
|
*
|
|
1854
1854
|
* * The possible values are:
|
|
@@ -1864,7 +1864,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
|
|
|
1864
1864
|
positionMode?: FloatingActionButtonPositionMode;
|
|
1865
1865
|
/**
|
|
1866
1866
|
* Specifies the size of the FloatingActionButton.
|
|
1867
|
-
* [see example](
|
|
1867
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/appearance).
|
|
1868
1868
|
*
|
|
1869
1869
|
* The possible values are:
|
|
1870
1870
|
* * `small` — Applies half of the default padding, e.g. `8px`.
|
|
@@ -1900,7 +1900,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
|
|
|
1900
1900
|
rounded?: FloatingActionButtonRounded;
|
|
1901
1901
|
/**
|
|
1902
1902
|
* Configures the theme color of the FloatingActionButton.
|
|
1903
|
-
* [see example](
|
|
1903
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/appearance).
|
|
1904
1904
|
*
|
|
1905
1905
|
* The possible values are:
|
|
1906
1906
|
* * `primary` (Default)—Applies coloring based on the primary theme color.
|
|
@@ -2032,7 +2032,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
|
|
|
2032
2032
|
onKeyDown?: (event: FloatingActionButtonEvent) => void;
|
|
2033
2033
|
/**
|
|
2034
2034
|
* Fires when the popup which contains the items is opened
|
|
2035
|
-
* [see example](
|
|
2035
|
+
* [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/events).
|
|
2036
2036
|
*
|
|
2037
2037
|
* @example
|
|
2038
2038
|
* ```jsx
|
|
@@ -2120,7 +2120,7 @@ declare interface SpeechRecognitionAlternative_2 {
|
|
|
2120
2120
|
}
|
|
2121
2121
|
|
|
2122
2122
|
/**
|
|
2123
|
-
* Represents the [KendoReact SpeechToTextButton component](
|
|
2123
|
+
* Represents the [KendoReact SpeechToTextButton component](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton).
|
|
2124
2124
|
*
|
|
2125
2125
|
* @example
|
|
2126
2126
|
* ```jsx
|
|
@@ -2156,7 +2156,7 @@ export declare interface SpeechToTextButtonHandle {
|
|
|
2156
2156
|
}
|
|
2157
2157
|
|
|
2158
2158
|
/**
|
|
2159
|
-
* Represents the props of the [KendoReact SpeechToTextButton component](
|
|
2159
|
+
* Represents the props of the [KendoReact SpeechToTextButton component](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton).
|
|
2160
2160
|
*/
|
|
2161
2161
|
export declare interface SpeechToTextButtonProps extends Omit_3<ButtonProps, 'onError' | 'endIcon' | 'startIcon' | 'selected' | 'imageAlt' | 'imageUrl' | 'togglable'> {
|
|
2162
2162
|
/**
|
|
@@ -2193,17 +2193,17 @@ export declare interface SpeechToTextButtonProps extends Omit_3<ButtonProps, 'on
|
|
|
2193
2193
|
*/
|
|
2194
2194
|
ariaLabel?: string;
|
|
2195
2195
|
/**
|
|
2196
|
-
* Specifies if the SpeechToTextButton is disabled ([see example](
|
|
2196
|
+
* Specifies if the SpeechToTextButton is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/disabled-state)).
|
|
2197
2197
|
*
|
|
2198
2198
|
* @default false
|
|
2199
2199
|
*/
|
|
2200
2200
|
disabled?: boolean;
|
|
2201
2201
|
/**
|
|
2202
|
-
* Sets additional classes to the SpeechToTextButton ([see example](
|
|
2202
|
+
* Sets additional classes to the SpeechToTextButton ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/appearance#custom-styling)).
|
|
2203
2203
|
*/
|
|
2204
2204
|
className?: string;
|
|
2205
2205
|
/**
|
|
2206
|
-
* Sets additional CSS styles to the SpeechToTextButton ([see example](
|
|
2206
|
+
* Sets additional CSS styles to the SpeechToTextButton ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/appearance#custom-styling)).
|
|
2207
2207
|
*/
|
|
2208
2208
|
style?: React.CSSProperties;
|
|
2209
2209
|
/**
|
|
@@ -2256,7 +2256,7 @@ export declare interface SplitButtonBlurEvent extends BaseEvent<SplitButtonClass
|
|
|
2256
2256
|
}
|
|
2257
2257
|
|
|
2258
2258
|
/**
|
|
2259
|
-
* Represents the [KendoReact SplitButton component](
|
|
2259
|
+
* Represents the [KendoReact SplitButton component](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton).
|
|
2260
2260
|
*
|
|
2261
2261
|
* @example
|
|
2262
2262
|
* ```jsx
|
|
@@ -2441,15 +2441,15 @@ export declare interface SplitButtonProps extends KendoReactComponentBaseProps {
|
|
|
2441
2441
|
*/
|
|
2442
2442
|
title?: string;
|
|
2443
2443
|
/**
|
|
2444
|
-
* Specifies the text of the main button ([see example](
|
|
2444
|
+
* Specifies the text of the main button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton)).
|
|
2445
2445
|
*/
|
|
2446
2446
|
text?: string;
|
|
2447
2447
|
/**
|
|
2448
|
-
* Specifies the list items ([see example](
|
|
2448
|
+
* Specifies the list items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/data-binding#toc-arrays-of-objects)).
|
|
2449
2449
|
*/
|
|
2450
2450
|
items?: any[];
|
|
2451
2451
|
/**
|
|
2452
|
-
* Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example](
|
|
2452
|
+
* Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/data-binding#toc-arrays-of-objects)).
|
|
2453
2453
|
*/
|
|
2454
2454
|
textField?: string;
|
|
2455
2455
|
/**
|
|
@@ -2457,19 +2457,19 @@ export declare interface SplitButtonProps extends KendoReactComponentBaseProps {
|
|
|
2457
2457
|
*/
|
|
2458
2458
|
tabIndex?: number;
|
|
2459
2459
|
/**
|
|
2460
|
-
* Determines whether the component is disabled ([see example](
|
|
2460
|
+
* Determines whether the component is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/disabled)).
|
|
2461
2461
|
*/
|
|
2462
2462
|
disabled?: boolean;
|
|
2463
2463
|
/**
|
|
2464
|
-
* Defines an icon that will be rendered next to the main button text ([see example](
|
|
2464
|
+
* Defines an icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
|
|
2465
2465
|
*/
|
|
2466
2466
|
icon?: string;
|
|
2467
2467
|
/**
|
|
2468
|
-
* Defines a SVG icon that will be rendered next to the main button text ([see example](
|
|
2468
|
+
* Defines a SVG icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
|
|
2469
2469
|
*/
|
|
2470
2470
|
svgIcon?: SVGIcon;
|
|
2471
2471
|
/**
|
|
2472
|
-
* Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example](
|
|
2472
|
+
* Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
|
|
2473
2473
|
*/
|
|
2474
2474
|
iconClass?: string;
|
|
2475
2475
|
/**
|
|
@@ -2485,11 +2485,11 @@ export declare interface SplitButtonProps extends KendoReactComponentBaseProps {
|
|
|
2485
2485
|
*/
|
|
2486
2486
|
endIcon?: React.ReactNode;
|
|
2487
2487
|
/**
|
|
2488
|
-
* Defines the location of an image that will be displayed next to the main button text ([see example](
|
|
2488
|
+
* Defines the location of an image that will be displayed next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
|
|
2489
2489
|
*/
|
|
2490
2490
|
imageUrl?: string;
|
|
2491
2491
|
/**
|
|
2492
|
-
* Configures the popup ([see example](
|
|
2492
|
+
* Configures the popup ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/customization#toc-popup-behavior)).
|
|
2493
2493
|
*/
|
|
2494
2494
|
popupSettings?: ButtonsPopupSettings;
|
|
2495
2495
|
/**
|
|
@@ -2497,7 +2497,7 @@ export declare interface SplitButtonProps extends KendoReactComponentBaseProps {
|
|
|
2497
2497
|
*/
|
|
2498
2498
|
opened?: boolean;
|
|
2499
2499
|
/**
|
|
2500
|
-
* A React functional or class component which is used for rendering items ([see example](
|
|
2500
|
+
* A React functional or class component which is used for rendering items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/customization#toc-items-rendering)). The default rendering includes an icon, an image, and text.
|
|
2501
2501
|
*/
|
|
2502
2502
|
item?: null | React.ComponentType<{
|
|
2503
2503
|
item: any;
|
|
@@ -2524,27 +2524,27 @@ export declare interface SplitButtonProps extends KendoReactComponentBaseProps {
|
|
|
2524
2524
|
*/
|
|
2525
2525
|
dir?: string;
|
|
2526
2526
|
/**
|
|
2527
|
-
* Fires when the main button is clicked ([see example](
|
|
2527
|
+
* Fires when the main button is clicked ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
|
|
2528
2528
|
*/
|
|
2529
2529
|
onButtonClick?: (event: SplitButtonClickEvent) => void;
|
|
2530
2530
|
/**
|
|
2531
|
-
* Fires when the component is focused ([see example](
|
|
2531
|
+
* Fires when the component is focused ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
|
|
2532
2532
|
*/
|
|
2533
2533
|
onFocus?: (event: SplitButtonFocusEvent) => void;
|
|
2534
2534
|
/**
|
|
2535
|
-
* Fires when the component is blurred ([see example](
|
|
2535
|
+
* Fires when the component is blurred ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
|
|
2536
2536
|
*/
|
|
2537
2537
|
onBlur?: (event: SplitButtonBlurEvent) => void;
|
|
2538
2538
|
/**
|
|
2539
|
-
* Fires when an item is clicked ([see example](
|
|
2539
|
+
* Fires when an item is clicked ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
|
|
2540
2540
|
*/
|
|
2541
2541
|
onItemClick?: (event: SplitButtonItemClickEvent) => void;
|
|
2542
2542
|
/**
|
|
2543
|
-
* Fires when the popup which contains the items is opened ([see example](
|
|
2543
|
+
* Fires when the popup which contains the items is opened ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
|
|
2544
2544
|
*/
|
|
2545
2545
|
onOpen?: (event: SplitButtonOpenEvent) => void;
|
|
2546
2546
|
/**
|
|
2547
|
-
* Fires when the popup which contains the items is closed ([see example](
|
|
2547
|
+
* Fires when the popup which contains the items is closed ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
|
|
2548
2548
|
*/
|
|
2549
2549
|
onClose?: (event: SplitButtonCloseEvent) => void;
|
|
2550
2550
|
/**
|
|
@@ -2617,7 +2617,7 @@ declare interface SplitButtonState {
|
|
|
2617
2617
|
}
|
|
2618
2618
|
|
|
2619
2619
|
/**
|
|
2620
|
-
* Represents the [KendoReact Toolbar component](
|
|
2620
|
+
* Represents the [KendoReact Toolbar component](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar).
|
|
2621
2621
|
*
|
|
2622
2622
|
* @example
|
|
2623
2623
|
* ```jsx
|
|
@@ -2667,7 +2667,7 @@ export declare interface ToolbarHandle {
|
|
|
2667
2667
|
/**
|
|
2668
2668
|
* Represents the KendoReact ToolbarItem component.
|
|
2669
2669
|
* To add a tool to the Toolbar, wrap it inside a ToolbarItem component
|
|
2670
|
-
* ([see example](
|
|
2670
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/tools)).
|
|
2671
2671
|
*/
|
|
2672
2672
|
export declare const ToolbarItem: React_2.ForwardRefExoticComponent<ToolbarItemProps & React_2.RefAttributes<ToolbarItemHandle>>;
|
|
2673
2673
|
|
|
@@ -2750,7 +2750,7 @@ export declare interface ToolbarOverflowProps {
|
|
|
2750
2750
|
}
|
|
2751
2751
|
|
|
2752
2752
|
/**
|
|
2753
|
-
* Represents the props of the [KendoReact Toolbar component](
|
|
2753
|
+
* Represents the props of the [KendoReact Toolbar component](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar).
|
|
2754
2754
|
*/
|
|
2755
2755
|
export declare interface ToolbarProps extends KendoReactComponentBaseProps, ToolbarOverflowProps {
|
|
2756
2756
|
/**
|
|
@@ -2910,7 +2910,7 @@ export declare interface ToolbarSeparatorProps {
|
|
|
2910
2910
|
/**
|
|
2911
2911
|
* Represents the KendoReact ToolbarSpacer component.
|
|
2912
2912
|
* To specify an empty space, provide a ToolbarSpacer component
|
|
2913
|
-
* ([see example](
|
|
2913
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/tools)).
|
|
2914
2914
|
*/
|
|
2915
2915
|
export declare const ToolbarSpacer: React_2.ForwardRefExoticComponent<ToolbarSpacerProps & React_2.RefAttributes<ToolbarSpacerHandle>>;
|
|
2916
2916
|
|