--- layout: default permalink: /button-group category: components title: Buttons Group description: "Groups a series of buttons that are contained in (e-buttons) creating new appearances and styles, recommended use for related buttons." ---

{{page.title}} Component

{{page.description}}

Add the container e-buttons next to the unified class to obtain impressive and elegant button groups.

It is recommended to use two or three buttons per container e-buttons so that they are not so extended, even so you can add as many as you wish, although they may break.

Use e-buttons unified


Basic example

{% highlight html %}
{% endhighlight %}
Button toolbar

Combine sets of button groups into button toolbars for more complex components. Use utility classes as needed to space out groups, buttons, and more.

Use e-toolbar






{% highlight html %}
{% endhighlight %}
Sizes

You can add the sizes directly to the buttons with the sizes that you already know if you come from buttons component.



{% highlight html %}
{% endhighlight %}
Group of buttons combined

Buttons grouped with other components.

Dropdown
Service 1 Service 2 Service 3
{% highlight html %}
Dropdown
{% endhighlight %}
Styles

All styles of buttons can be used to create beautiful groups..

Basic
Anime
Plane
Outlined
Outlined rounded
Inverted
Circle
{% highlight html %}
{% endhighlight %}
Colors Gradient




{% highlight html %}
{% endhighlight %}