Metronic | Button Group

Hi, Sean

Button Group

Components Base Button Group

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

Layout

Components

CRUD

Custom

Task Reports

Profit Margins

Staff Management

Tools

Button Group

Basic example

Buttons Toolbar

Sizing

Nesting

Vertical

Select A Demo

Layout

Components

CRUD

Custom

Task Reports

Profit Margins

Staff Management

Tools

User Notifications 23 new

User Quick Actions 23 tasks pending

My Cart

Button Group

Basic example

Buttons Toolbar

Sizing

Nesting

Vertical

Select A Demo