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.
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. | |
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:
| |
size? |
| Specifies the size of the Floating Action Button see example. The possible values are:
| |
tabIndex? |
| Specifies the | |
text? |
| Specifies the text of the Floating Action Button see example. | |
themeColor? |
| Specifies the theme color of the Floating Action Button see example. The possible values are:
|
Methods
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. | ||||||
|