SpeedDialModel

animation SpeedDialAnimationSettingsModel

Specifies options to customize the animation effect when opening and closing the Speed Dial.

Default: { effect: 'Fade', duration: 400, delay: 0 }

closeIconCss String

Specifies the CSS classes to include an icon or image to indicate the speed dial is opened and displaying items.

Default: ""

content String

Specifies the content for the button of Speed Dial.

Default: ""

cssClass String

Specifies CSS classes to customize the appearance of the control.

Default: ""

direction String LinearDirection

Specifies speed dial item display direction when mode is linear.

Default: Auto

disabled Boolean

Specifies whether the control is enabled or disabled, disabled will prevent user interaction.

Default: false

enableRtl Boolean

Specifies whether to render the control in right to left direction.

Default: false

enableState Boolean

Specifies whether to persist the state of the control between page loads.

Default: false

iconPosition String IconPosition

Specifies the position of the icon within the button of the speed dial.

Default: Left

isPrimary Boolean

Specifies whether the Button should apply the primary style.

Default: true

items SpeedDialItemModel[]

Specifies the list of items for the speed dial.

Default: []

itemTemplate Function

Specifies a template to be used when rendering a speed dial item.

Default: null

locale String

Specifies the culture and localization value for this control, overriding the globally defined value.

Default: en-US

modal Boolean

Specifies whether the speed dial popup will be displayed as a model or not. When enabled, the Speed dial creates an overlay that disables interaction with other elements other than speed dial items. If the user clicks anywhere other than on a speed dial item the popup will get closed.

Default: false

mode String SpeedDialMode

Specifies the display mode of the speed dial.

Default: Linear

openIconCss String

Specifies the CSS classes to include an icon or image to indicate the speed dial is closed and not showing items.

Default: ""

openOnHover Boolean

Specifies whether the popup will appear when the button is hovered over or requires a click to open.

Default: false

popupTemplate Function

Specifies a template to be used when rendering the speed dial popup.

Default: null

position String FabPosition

Specifies the position of the floating action button within the target element.

Default: BottomRight

radialSettings RadialSettingsModel

Specifies options to customize the speed dial items when mode of speed dial is radial.

Default: { startAngle: null, endAngle: null, direction: 'Auto' }

target String HTMLElement

Specifies the selector for the element that will contain the floating action button. The target element must have a relative position. If not, the button will be positioned based on the closest element with a relative position. By default, the button is positioned based on the browser’s viewport.

Default: ""

visible Boolean

Specifies whether the floating action button should be visible or not.

Default: true