Boomla UI kit
Full-width blocks
Text Gallery Features Testimonials Team Pricing Call to action Alert Contact form F.A.Q. Info header Breadcrumbs Footer
Elements
Top menu Left menu Subpage list Breadcrumbs Button Button group Image shaper rectangle Image shaper circle Feature Gallery Slideshow Testimonial v1 Testimonial v2 Icon Social icon group Text Display text List Contact form Subscribe Call request Alert Separator F.A.Q. (accordion) Tabs File attachments Anchor Metadata Google Analytics Powered by Boomla
Layouts
Grid Space Horizontal container Hero layout Paper Paper 2 Group Responsive show/hide Background Card Scroll container Page layout 1

Button group

 

Features

  • set link URL

  • open in same or new window

  • use any number of buttons

  • select color variant

  • select size [xs, s, m, l, xl] responsive

  • select alignment [left, center, right, stretch, stack] responsive

  • adjust spacing responsive

     

 

Demo background

For demonstration purposes, each button group below is placed on a custom background. That's especially useful when looking at this page on mobile so that one can see the boundaries even though both the buttons and the button groups are stacked.

 

Use any number of buttons

 

Sizes

 

xs

 

s

 

m

 

l

 

xl

Alignment

 

Start

A B

 

Center

A B

 

End

A B

 

Stretch

A B

 

Stack

A B

Light styles

 

Dark styles

 

Custom spacing

 

Empty button group

 

This is a button group without buttons. Add a button via the contextmenu.