Buttons Group

Usage

A button group displays multiple buttons together that gives user access to similar actions or frequently performed.

Button by Style

Default button

Usage : Default group button style that will used on many area. This style will use to highligth most important action in any experience.

Outline button

Usage : Outline group button style will used if an action need less visual weight.

Button by Quantity

Two Button

Usage : Button group that consist of two component button can be classified as two type. Two button group text and addon & Two button group double text.

Three Button

Usage : Three button group usually used when similar actions have to be shown together, and have the same level of importance. Three button text usually using text only without icon.

Four Button

Usage : Four button group is the maximum quantity of button group with text. Have the same function like before which is used when similar actions have to be shown together, and have the same level of importance.

Button by Addon

Button Addon Right

Usage : Button with addon usually used to simplify many actions into one group button, the other action can be hidened inside the addon.

Button Both Addon

Usage : Button all addon usually used when the button group consist of two up to six button with only icon.

Button Addon Left

Usage : Button with addon usually used to simplify many actions into one group button, the other action can be hidened inside the addon.