Group

The Group component identifies a group of inputs/elements and implements the group WAI-ARIA role.

DetailsProperties

Introduction

The Group component identifies a group of inputs/elements and implements the group WAI-ARIA role.

A group is commonly used to switch between predefined options (usually up to 4) such as views of data, or to combine inputs and buttons for composing more complex searching or filtering components.

Design guidelines

While the Group component does not set a default size, we recommend maintaining a consistent height between each of the inputs or elements rendered beneath.

Basic

Small Group example

The Group component will clone the provided size onto child components for a consistent visual style.

TextInput and Button example