What does the component do?

• It is used for the selection of one or more options from a pre-defined list.

When should the component be used?

• For the selection of several options (selection of single or multiple options) from a list.
• If a selection must be made where the entries mutually exclude one another and no default value is to be set (in contrast to the radiobutton element).
• When selection options are to be grouped.

Rules

• There must be a choice of at least two options.
• The component always has a label.
• A question mark in the circle can also be shown – in addition to the label – for detailed explanations. A tooltip opens when this question mark is clicked on.
• The text in the select component is always single-line.
• If an entry is longer than the available width of the component, the entry’s text is abbreviated with ‘…’.
• A pre-selection is not permitted with a mandatory field.
• If no selection has been made yet, the component text says “please select …”.

Ausprägungen und Zustände

The component has the following states:

• Default
• Placeholder
• Focused
• Disabled
• Error
• Mandatory
• Readonly
• Expanded

Variants

Default

Multiple choice

Grouped single choice

Grouped multiple choice

Specifications

DesignCode