SpeedDial / Radial Menu

Blazor SpeedDial Example - Radial Menu

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the radial menu display mode of action items in the Speed Dial component. Click the Speed Dial button to open action items arranged in a radial pattern like a menu.

The default display mode is linear. The display mode can be changed using the Mode property set to Radial. Radial display of action items can be customized using properties of SpeedDialRadialSettings:

  • OffSet: Specify the position of action items along the offset-path
  • Direction: Denote whether to arrange action items in a clockwise or counter-clockwise direction
  • StartAngle and EndAngle: Specify the start and end angles in radial direction (calculated based on the Position property by default)
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE