Control Groups

Control groups are used to visually group sets of related user interface elements.

A control group is bounded by a gray #CCCCCC border with rounded corners. A label indicating the nature of the elements contained in the group appears centered immediately below the top border.

The following demo presents four interactive examples of control groups.

To view alternative presentations and styling, use the Change Theme and Read Aloud buttons in the upper-right of the screen.