FloatingActionButtonProps
Represents the props of the KendoReact FloatingActionButton component.
Name | Type | Default | Description |
---|---|---|---|
accessKey? |
|
Sets the jsx
| |
align? |
|
Specifies the alignment of the Floating Action Button within its container. see example.
Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and vertical: "middle" at the same time is not supported. The possible keys are:
jsx
| |
alignOffset? |
|
Specifies the horizontal and vertical offset of the Floating Action Button. see example. Normally, the floating button is positioned next to the boundaries of its container with a default offset of Positive offsets move floating buttons, which are in a corner, further from that corner. Buttons, which are not in a corner, can be moved along the container's boundary or towards the center of the container. A negative offset can be used to force a button to overflow the boundaries of its container. The possible keys are:
jsx
| |
className? |
|
Specifies a list of CSS classes that will be added to the Floating Action Button. jsx
| |
dir? |
|
Represents the jsx
| |
disabled? |
|
|
Disables the Floating Action Button. jsx
|
icon? |
|
Defines the icon rendered in the Floating Action Button. jsx
| |
iconClass? |
|
Defines a custom CSS class for the icon. jsx
| |
id? |
|
Sets the jsx
| |
item? |
|
Overrides the default component responsible for rendering items. jsx
| |
items? |
|
Defines the collection of items rendered in the Floating Action Button. jsx
| |
modal? |
|
Enables modal behavior by rendering an overlay under the Floating Action Button. jsx
| |
onBlur? |
|
Fires when the Floating Action Button is blurred. jsx
| |
onClick? |
|
Fires when the Floating Action Button is clicked. jsx
| |
onClose? |
|
Fires when the popup containing the items is closed. jsx
| |
onFocus? |
|
Fires when the Floating Action Button is focused. jsx
| |
onItemClick? |
|
Fires when a Floating Action Button item is clicked. jsx
| |
onKeyDown? |
|
Fires when a key is pressed while the Floating Action Button is focused. jsx
| |
onOpen? |
|
Fires when the popup which contains the items is opened see example. jsx
| |
overlayStyle? |
|
Sets styles for the overlay element when the jsx
| |
popupSettings? |
|
Configures the popup settings for the Floating Action Button. jsx
| |
positionMode? |
|
|
Specifies the position mode of the Floating Action Button. see example. It is based on the CSS position rule.
jsx
|
rounded? |
|
|
Configures the rounding of the Floating Action Button. The possible values are:
jsx
|
size? |
|
|
Specifies the size of the Floating Action Button. see example. The possible values are:
jsx
|
style? |
|
Sets additional CSS styles to the Floating Action Button. jsx
| |
svgIcon? |
|
Defines the SVG icon rendered in the Floating Action Button. jsx
| |
tabIndex? |
|
Sets the jsx
| |
text? |
|
Specifies the text of the Floating Action Button. jsx
| |
themeColor? |
|
|
Configures the theme color of the Floating Action Button. see example. The possible values are:
jsx
|