Group Buttons on Furatto

Group buttons is a great solution when you need to display a set of actions as in a bar.

Default groups

Great to get started with a simple group of actions.

         

   
Button 1
   
Button 2
   
Button 3
   
Button 4

        
      

Multiple colors

You can combine button colors as well. Just add the class name for then btn color Furatto already provides.

          

   
Button 1
   
Button 2
   
Button 3

          
        

Radius buttons

You can easily add pill style edges on the first and last button. Just add the .btn-group-radius class name to the btn-group class element.

           

   
Button 1
   
Button 2
   
Button 3

           
         

Square buttons

You probably won't like the radius from the buttons, and want an squared edges. You just have to add the btn-group-square class name.

           

   
Button 1
   
Button 2
   
Button 3

           
         

Icon button group

Just add the icon to the button and you are ready to go.