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.

tagHelper
default.cs
<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>
</div>
<style>
.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';
}
</style>
public IActionResult Index()
    {
            return View();
    }