Class LinearDirection

Determines the direction in which speed dial action items (SpeedDialItems) are positioned, when Mode is Linear.

Inheritance

System.Object

LinearDirection

Namespace: Syncfusion.Blazor.Buttons

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class LinearDirection : Enum

Remarks

Controls whether items are stacked above, below, left, right, or automatically determined based on speed dial position on the screen.

Examples

Example showing Up:

<SfSpeedDial Mode="SpeedDialMode.Linear" Direction="LinearDirection.Up" />

Fields

Auto

Speed dial items display vertically above or below the button based on the Position.

Declaration

public const LinearDirection Auto

Field Value

Type	Description
LinearDirection	The Auto value automatically chooses up or down direction based on overall component context.

Remarks

If Position is TopRight, TopCenter, or TopLeft, items will display below; otherwise, above the button. Auto adapts to various layouts for the best fit.

Examples

<SfSpeedDial Direction="LinearDirection.Auto" />

Down

Speed dial items appear vertically below the main speed dial button.

Declaration

public const LinearDirection Down

Field Value

Type	Description
LinearDirection	The Down option stacks action items beneath the speed dial trigger.

Remarks

Use when panel alignment should be downward.

Examples

<SfSpeedDial Direction="LinearDirection.Down" />

Left

Speed dial items appear horizontally on the left side of the main speed dial button.

Declaration

public const LinearDirection Left

Field Value

Type	Description
LinearDirection	The Left option displays action items in a row to the left.

Remarks

Select this to show items aligned left of the floating dial button.

Examples

<SfSpeedDial Direction="LinearDirection.Left" />

Right

Speed dial items appear horizontally on the right side of the main speed dial button.

Declaration

public const LinearDirection Right

Field Value

Type	Description
LinearDirection	The Right option displays action items in a row to the right.

Remarks

Use this direction when you prefer horizontal right-side alignment of items.

Examples

<SfSpeedDial Direction="LinearDirection.Right" />

Up

Speed dial items appear vertically above the main speed dial button.

Declaration

public const LinearDirection Up

Field Value

Type	Description
LinearDirection	The Up option displays action items in a column above the speed dial trigger.

Remarks

Use when items should appear stacked above the speed dial in increasing order.

Examples

<SfSpeedDial Direction="LinearDirection.Up" />