lightning:buttonGroup

Represents a group of buttons.

A lightning:buttonGroup component represents a set of buttons that can be displayed together to create a navigational bar. The body of the component can contain lightning:button or lightning:buttonMenu. If navigational tabs are needed, use lightning:tabset instead of lightning:buttonGroup.

This component inherits styling from button groups in the Lightning Design System.

This is the basic setup of lightning:buttonGroup with standard buttons.

1<aura:component>
2    <lightning:buttonGroup>
3        <lightning:button label="Refresh" />
4        <lightning:button label="Edit" />
5        <lightning:button label="Save" />
6    </lightning:buttonGroup>
7</aura:component>

Attributes

Attribute Name	Attribute Type	Description	Required?
`body`	Component[]	The body of the component. In markup, this is everything in the body of the tag.
`class`	String	A CSS class for the outer element, in addition to the component's base classes.

Lightning Components Developer Guide

lightning:buttonGroup

Attributes