Basic example

Basic button group examples

Buttons toolbar

Combine sets of btn-group into a btn-toolbar for more complex components.

Sizing

Instead of applying button sizing classes to every button in a group, just add .btn-group-* to each .btn-group, including each one when nesting multiple groups.

Nesting

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.

Vertical

Make a set of buttons appear vertically stacked rather than horizontally

Basic example

Basic button group examples

Buttons toolbar

Combine sets of btn-group into a btn-toolbar for more complex components.

Sizing

Instead of applying button sizing classes to every button in a group, just add .btn-group-* to each .btn-group, including each one when nesting multiple groups.

Nesting

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.

Vertical

Make a set of buttons appear vertically stacked rather than horizontally

Custom Buttons

Basic example

Basic button group examples

Buttons toolbar

Combine sets of m-btn-group m-btn-group--pill btn-group into a btn-toolbar for more complex components.

Sizing

Instead of applying button sizing classes to every button in a group, just add .m-btn-group m-btn-group--pill btn-group-* to each .m-btn-group m-btn-group--pill btn-group, including each one when nesting multiple groups.

Nesting

Place a .m-btn-group m-btn-group--pill btn-group within another .m-btn-group m-btn-group--pill btn-group when you want dropdown menus mixed with a series of buttons.

Basic example

Basic button group examples

Buttons toolbar

Combine sets of btn-group m-btn-group m-btn-group--air into a btn-toolbar for more complex components.

Sizing

Instead of applying button sizing classes to every button in a group, just add .btn-group m-btn-group m-btn-group--air-* to each .btn-group m-btn-group m-btn-group--air, including each one when nesting multiple groups.

Nesting

Place a .btn-group m-btn-group m-btn-group--air within another .btn-group m-btn-group m-btn-group--air when you want dropdown menus mixed with a series of buttons.

Vertical

Make a set of buttons appear vertically stacked rather than horizontally
Megan wrote
Hi Bob. What time will be the meeting ?
Hi Megan. It's at 2.30PM
Megan wrote
Will the development team be joining ?
Yes sure. I invited them as well
2:30PM
Megan wrote
Noted. For the Coca-Cola Mobile App project as well ?
Yes, sure.
Please also prepare the quotation for the Loop CRM project as well.
3:15PM
M
Megan wrote
Noted. I will prepare it.
Thanks Megan. I will see you later.
Megan wrote
Sure. See you in the meeting soon.
General Settings
Email Notifications
Site Tracking
SMS Alerts
Backup Storage
Audit Logs
System Settings
System Logs
Error Reporting
Applications Logs
Backup Servers
Audit Logs