Search results

Create ButtonGroup with icons in ASP.NET Core ButtonGroup control

20 Jan 2022 / 1 minute to read

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

The following example illustrates how to create ButtonGroup with icons.

Copied to clipboard
<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: '\e33a';

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

    .e-middle-icon::before {
        content: '\e35e';
Copied to clipboard
public ActionResult Index()
            return View();