Inputs & Textarea
Pull to Refresh
React Grid Layout
Button Group styles individual buttons that have a logical relationship into one cohesive group.
Buttons within Button Group should be related actions, but will not not maintain selection state. For buttons that are a related group and also need to maintain a selected state, use Button Select.
There are four types of individual buttons that can be used in a button group – icon only, basic, leading icon and trailing icon.
Button Group can be oriented horizontally or vertically.
There are four core action types that have defined styles – primary, secondary, tertiary and destructive. These can be applied to each button in the button group.
Button groups can be displayed in large, medium and small sizes. All buttons within a button group should use the same size.