Class SpeedDialItem

Represents an action item for the SfSpeedDial component, enabling the inclusion of icon, text, or both in a SpeedDial action item.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
SpeedDialItem
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Buttons
Assembly: Syncfusion.Blazor.dll
Syntax
public class SpeedDialItem : SfOwningComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Remarks

You can render a SpeedDial action item as icon-only, text-only, or with both icon and text based on the property values set for each item. This flexibility allows you to customize the visual appearance and behavior of action items in the SfSpeedDial component to best suit your application's requirements.

Examples

The following example demonstrates how to define basic SpeedDial items using the SpeedDialItem tag directive:

<SfSpeedDial Content="Edit">
    <SpeedDialItems>
        <SpeedDialItem Text="Cut" IconCss="e-icons e-cut"></SpeedDialItem>
        <SpeedDialItem IconCss="e-icons e-copy"></SpeedDialItem>
        <SpeedDialItem Text="Paste"></SpeedDialItem>
    </SpeedDialItems>
</SfSpeedDial>

Constructors

SpeedDialItem()

Declaration
public SpeedDialItem()

Properties

Disabled

Gets or sets a value indicating whether the SpeedDialItem is disabled.

Declaration
[Parameter]
public bool Disabled { get; set; }
Property Value
Type Description
bool

true if the item is disabled; otherwise, false. The default value is false.
Remarks

When this property is set to true, the SpeedDial action item will appear and behave as disabled, preventing user interaction.

Examples
<SpeedDialItem Text="Cut" Disabled="true" />

ID

Gets or sets a unique identifier for the SpeedDialItem used in event arguments.

Declaration
[Parameter]
public string ID { get; set; }
Property Value
Type Description
string

A string that uniquely identifies the SpeedDial item. The default value is String.Empty.
Remarks

Assign a unique value to distinguish between items when handling events.

Examples
<SpeedDialItem Text="Paste" ID="paste-item" />

IconCss

Gets or sets one or more CSS classes to include an icon or image in the SpeedDial item.

Declaration
[Parameter]
public string IconCss { get; set; }
Property Value
Type Description
string

A string with one or more CSS classes separated by spaces to display an icon or image for the SpeedDial item. The default value is String.Empty.
Remarks

Setting this property will display an icon or image along with or instead of text in the SpeedDial action item.

Examples
<SpeedDialItem IconCss="e-icons e-copy" />

Text

Gets or sets the textual content of the SpeedDialItem.

Declaration
[Parameter]
public string Text { get; set; }
Property Value
Type Description
string

A string representing the displayed text content. The default value is String.Empty.
Remarks

The text will not be displayed when Mode is Radial. In Linear mode, text will not be displayed if Direction is Left or Right.

Examples
<SpeedDialItem Text="Cut" />

Title

Gets or sets the tooltip content (title) for the SpeedDialItem.

Declaration
[Parameter]
public string Title { get; set; }
Property Value
Type Description
string

A string specifying the tooltip text (title). The default value is String.Empty.
Remarks

Tooltip is displayed when hovering over the SpeedDial action item for additional context.

Examples
<SpeedDialItem Text="Copy" Title="Copy the content" />

Methods

Dispose(bool)

Declaration
protected override void Dispose(bool disposing)
Parameters
Type Name Description
bool disposing
Overrides

OnInitializedAsync()

Declaration
protected override Task OnInitializedAsync()
Returns
Type
Task
Overrides

Implements