Create ButtonGroup with icons

19 Dec 20221 minute to read

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

CSHTML

<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: '\e33a';
    }

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

    .e-middle-icon::before {
        content: '\e35e';
    }
</style>

NOTE

View Sample in GitHub.