Last Updated: 29 Mar 2021 08:10 by ADMIN
Marc Simkin
Created on: 22 Mar 2021 20:45
Category: ButtonGroup
Type: Feature Request
Allow for a separator between buttons for legibility

Pretty basic, the menu allows for a separator, which is a line.

It would be nice for the button group to allow for a separator that is just white space/extra padding between specific buttons, similar to how the buttons are rendered on this editor.

Using multiple button groups will not resolve the issue, when only one button at a time from is allowed to be clicked.

For example, the below is my button group:

Add  Include Exclude Insert Move Undo

I would like to have more space between specific pairs of buttons

The above buttons will perform specific operations on a set of data.  They are mutually exclusive, in that only one operation can be executed at a time.  It would be nice to have some more space between specific pairs of buttons.  For example:

Add  Include Exclude   Insert Move  Undo
Using a toggle button is a possibility, however the Undo operation can revert any of the previous operations.
1 comment
Svetoslav Dimitrov
Posted on: 29 Mar 2021 08:10

Hello Marc,

There are several possible approaches to achieve the desired behavior:

  • Distribute the buttons in separate ButtonGroups - this would create some spacing between the groups.
  • Use some custom CSS to include space between buttons inside a button group.
  • Use the toolbar component and utilize the separators provided by the component.

The button group component is supposed to combine multiple buttons in one cohesive unit. That being said, I am marking this feature request as "Declined". 

Svetoslav Dimitrov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at