New to KendoReact? Learn about KendoReact Free.
Action Buttons
Updated on Oct 27, 2026
The KendoReact Dialog supports displaying action buttons beneath its content. Action buttons let users confirm, cancel, or choose between the outcomes of the Dialog.
To define action buttons in the Dialog, place the buttons inside a DialogActionsBar element as a direct child of the Dialog and handle their click actions in your application. The Dialog renders the DialogActionsBar below the content area.
To arrange the defined buttons, set the layout property of the DialogActionsBar:
start—Aligns the buttons to the start of the Dialog.center—Centers the buttons.end—Aligns the buttons to the end of the Dialog.stretched—Stretches the buttons to fill the width of the Dialog. This is the default value.
The following example lets you change the layout of the buttons declared inside the DialogActionsBar.
Loading ...