Search results

Create ButtonGroup with icons

ButtonGroup with icons can be achieved by IconCss property of the Button component.

The following example illustrates how to create ButtonGroup with icons.

<div class='e-btn-group'>
    <ejs-button id="left" content="Left" iconCss="e-icons e-left-icon"></ejs-button>
    <ejs-button id="middle" content="Center" iconCss="e-icons e-middle-icon"></ejs-button>
    <ejs-button id="right" content="Right" iconCss="e-icons e-right-icon"></ejs-button>
.e-btn-group {
  margin: 25px 5px 20px 20px;

.e-left-icon::before {
    content: '\e75e';

.e-right-icon::before {
    content: '\e75f';

.e-middle-icon::before {
    content: '\e74b';
public IActionResult Index()
            return View();