1. What does the element do?

• It is used for selecting exactly one from two or more options.

2. When should the element be used?

• When selecting one of several options.
• For switching between different views (tab function).

3. Rules

• A default value must always be set.
• The individual options are always the same width.

4. Variants and statuses

• 2 or 3 buttons
• Color: Default / Red
• with icon and label / icon only / label only

4.1 Default

4.2 Red

Design Specification

Figma-Link