FloatingActionButton

Example

Razor

<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.