Button group

Buttons joined into one row, divided by a hairline instead of a gap.

.btn-groupCSS only

Examples

Between two primary buttons the separator is a translucent line of the contrast colour.

`.btn-group`	Inline row that removes the gaps.
`> .btn`	Two or more buttons. Each after the first draws a 1px separator on its start edge.

Give the group role="group" and an aria-label when the buttons only make sense together.
For a single choice among options, use a segmented control: it is a radio group and announces the selection.