Button Group

A group of buttons with several styling options

Button Group

Content

Add multiple Button items containing:
  • Button text
  • Link 
    • External/Internal
    • Open link in new window

Styles

  • Button style
    • Purple / Light purple / Purple outline / Light purple outline / Orange / Light orange / Link / Pills
  • Alignment
    • Left / Center / Right
  • Container width
    • Standard / Fullwidth / Smaller / Extra small
  • Margin top/bottom

Example

You can see this module in use at the bottom of the page with different styles. Note that this example is from a blog module, where the width is narrower than on standard website pages.

Here’s how it appears on a web page with some of the styling options applied:

Tips!

  • Always check other screen resolutions to see how the buttons appear

Module in use (blog post)

 

Pills - centered:




Orange buttons - left aligned:

 




Links - right aligned:



You can add this module in:

How can we help?

We’re here for every step of your employee journey. From intuitive software for people management to hands-on learning programs and expert support from our legal team — we've got you covered.

Vector Get HR news straight to your inbox

Stay updated on HR, leadership, and work life. Choose between our Norwegian and Swedish newsletters.
Get HR updates

Vector Need a hand? We’re here to help!

Find FAQs, release notes, and more in our Support Center. We're here for you!
Go to support