Pure CSS Button Groups

Buttons are one of the most common UI elements. To create buttons group use "pure-button-group" class and add the buttons as number as you want with the help of "pure-button" class. You can also make the button active by using "pure-button-active" class.

Pure CSS Button Groups Classes:

• pure-button-group: This class is used to create buttons group.

Syntax:

<div class="pure-button-group" role="group">
 <button class="pure-button ">pure button 1</button>
 <button class="pure-button ">pure button 2</button>
 <button class="pure-button ">pure button 3</button>
</div>

Example 1:

Output: 

👁 Pure CSS Button Groups

Example 2:

Output: 

👁 Pure CSS Button Groups