Skip to content
On this page

button 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.

Released under the MIT License.