Example of Radial Menu in React SpeedDial Component


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 like the radial menu.

More Details...


The default display mode is linear. The display mode of the Speed Dial component can be changed using the mode property to Radial. Radial display of action items can be customized using the below properties of radialSettings.

  • offSet: Specify the position of the action items along the offset-path.
  • direction: Denote whether to arrange action items in a clock or anti-clockwise direction.
  • startAngle and endAngle: Specify the start and end angles in radial direction. By default, angle is calculated based on the positionproperty.