Primary button (inverse)
Primary button which is inversed for use on an alternate background.
The secondary button is the default and usually most used button.
Secondary/default button (inverse)
Secondary/default button which is inversed for use on an alternate background.
Secondary/default monochrome theme for people who need a different theme to those supported by o-buttons (Masterbrand and b2c)
B2C themed buttons should be used in Customer facing non-editorial products eg Help or About Us.
For pagination layouts. This layout can be combined with a theme for example o-buttons--standout.
For button layouts where there is a choice of related options. This layout can be combined with themes for example o-buttons--b2c.
oButtons includes styles for some common icon buttons and the ability to add more using Sass mixins.
Add the following to your
For more information see the Origami build service.
Manual Build Process
Run the following command in the root directory of your project, to add this dependency to your
bower install --save "o-buttons"@"^5.10.1"
For more information see the Origami build process.