Search results

Create ButtonGroup with icons

03 Aug 2021 / 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'>
    <EjsButton ID="left" Content="Left" IconCss="e-icons e-left-icon"></EjsButton>
    <EjsButton ID="mIddle" Content="Center" IconCss="e-icons e-mIddle-icon"></EjsButton>
    <EjsButton ID="right" Content="Right" IconCss="e-icons e-right-icon"></EjsButton>


Copied to clipboard
     .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';