FloatingActionButtonProps
Represents the props of the Kendo UI for Vue FloatingActionButton component.
Name | Type | Default | Description |
---|---|---|---|
accessKey? |
|
Specifies the | |
align? |
|
Specifies the horizontal and vertical alignment of the Floating Action Button in relation to the 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:
| |
alignOffset? |
|
Specifies the horizontal and vertical offset applied to 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:
| |
className? |
|
Specifies a list of CSS classes that will be added to the Floating Action Button. | |
dir? |
|
Represents the | |
disabled? |
|
Specifies if the Floating Action Button is
disabled see example. Defaults to | |
fillMode? |
|
|
Configures the The available options are:
|
icon? |
|
Defines the icon rendered in the Floating Action Button see example. | |
iconClass? |
|
Defines a CSS class or multiple classes separated by spaces which are applied
to a | |
id? |
|
Sets the | |
item? |
|
Overrides the default component responsible for visualizing a single item see example. The default Component is: FloatingActionButtonItem. | |
items? |
|
The collection of items that will be rendered in the Floating Action Button see example. | |
onBlur? |
|
Fires when the Floating Action Button is blurred see example. | |
onClick? |
|
Fires when the Floating Action Button is clicked. | |
onClose? |
|
Fires when the popup which contains the items is closed see example. | |
onFocus? |
|
Fires when the Floating Action Button is focused see example. | |
onItemclick? |
|
Fires when the Floating Action Button Item is clicked see example. | |
onKeydown? |
|
Triggers onKeyDown event see example. | |
onMousedown? |
|
Triggers onMousedown event see example. | |
onMouseup? |
|
Triggers onMouseup event see example. | |
onOpen? |
|
Fires when the popup which contains the items is opened see example. | |
opened? |
|
If defined it specifies if the Floating Action Button is opened. | |
popupSettings? |
|
Represents the additional props that will be passed to the Popup inside the Floating Action Button see example. | |
positionMode? |
|
Specifies the position mode of the Floating Action Button see example. It is based on the CSS position rule.
| |
rounded? |
|
|
Configures the The available options are:
|
shape? |
|
Specifies the shape of the Floating Action Button see example. The possible values are:
If the Floating Action Button contains only icon, the shape will be circle.
| |
size? |
|
Specifies the size of the Floating Action Button see example. The possible values are:
|