FloatingActionButton

Example

<kendo-floatingactionbutton>
    <floatingactionbutton-items></floatingactionbutton-items>
</kendo-floatingactionbutton>

ChildTags

Tag Name Details
floatingactionbutton-items FloatingActionButtonItemsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
align FloatingActionButtonAlign Specifies the initial horizontal offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems, or other valid values.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
align-offset-horizontal String Specifies the initial horizontal offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems, or other valid values.
align-offset-vertical String Specifies the initial vertical offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems or other valid values.
as-module Boolean
enabled Boolean Specifies whether the FloatingActionButton is enabled (true) or disabled (false).
fill-mode FloatingActionButtonFillMode Sets a value controlling how the color is applied.
has-client-component Boolean
icon String Specifies the name for an existing icon in a Kendo UI theme that is rendered in the FloatingActionButton.See the Web Font Icons help article for more details on Kendo UI icons.
on-click String Fires when the user clicks on a the FloatingActionButton.**Note: when using items configuration, clicking on the FloatingActionButton will open the speed-dial list popup.
on-collapse String Fires when the speed-dial popup is closed and its animation is finished.**Note: this event is triggered only when using items configuration.
on-expand String Fires when the speed-dial popup is opened and its animation is finished.**Note: this event is triggered only when using items configuration.
position-mode FloatingActionButtonPositionMode Defines the position of the component
rounded FloatingActionButtonRounded Sets a value controlling the border radius.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
size FloatingActionButtonSize Defines the size of the component
text String Specifies the text of the FloatingActionButton. Default is empty string.
theme-color FloatingActionButtonThemeColor Defines the theme color of the component
visible Boolean Specifies if the FloatingActionButton is visible initially.
In this article
Not finding the help you need?