Group

The children share borders and corners. The focused child moves on top, so its focus ring shows over its neighbors. Add role="group" and a label when the row is one control, so screen readers announce it as one.

Buttons

With a select

Search

A group on or inside search or role="search" gets pill ends. When search holds a form, put the class on the form.

Sizes

A size class on the group sizes every control inside.

Rounded and square

Variables