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.