Class SpeedDialMode

Specifies how the speed dial action items (SpeedDialItems) are displayed for the SfSpeedDial component.

Inheritance

System.Object

SpeedDialMode

Namespace: Syncfusion.Blazor.Buttons

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class SpeedDialMode : Enum

Remarks

Determines whether the items use a linear or radial display mode. Use Linear for a vertical or horizontal list, or Radial for a circular menu configuration.

Examples

The following example shows how to use Linear mode:

<SfSpeedDial Mode="SpeedDialMode.Linear">
    <SpeedDialItems>
        <!-- Action items here -->
    </SpeedDialItems>
</SfSpeedDial>

Fields

Linear

Renders the speed dial items as a linear list either vertically or horizontally, based on the linear direction.

Declaration

public const SpeedDialMode Linear

Field Value

Type	Description
SpeedDialMode	The Linear option presents the speed dial actions as a traditional stacked or row layout.

Remarks

When set to linear mode, the SfSpeedDial displays all action items in a straight line (either column or row based on LinearDirection).

Examples

<SfSpeedDial Mode="SpeedDialMode.Linear">
  <SpeedDialItems>
    <!-- Items -->
  </SpeedDialItems>
</SfSpeedDial>

Radial

Renders the speed dial items in a radial (circular) layout, similar to a radial menu.

Declaration

public const SpeedDialMode Radial

Field Value

Type	Description
SpeedDialMode	The Radial option displays the speed dial actions as a circle around the main button.

Remarks

Selecting radial mode arranges the speed dial action buttons around the main dial button, forming a circular pattern.

Examples

<SfSpeedDial Mode="SpeedDialMode.Radial">
  <SpeedDialItems>
    <!-- Items -->
  </SpeedDialItems>
</SfSpeedDial>