Component library
Input Select Group component
Last updated 2 November 2026
Defines the grouping of the drop-down list items.
Live demo
<ins-input-select
value=""
label="Cars"
placeholder="Please select a car"
tooltip="This is a sample tooltip content. It also support html content."
blank-label>
<ins-input-select-option value="" label="-- Clear Option --"></ins-input-select-option>
<ins-input-select-group
label="Swedish Cars">
<ins-input-select-option
value="volvo"
label="Volvo">
</ins-input-select-option>
<ins-input-select-option
value="saab"
label="Saab">
</ins-input-select-option>
</ins-input-select-group>
<ins-input-select-group
label="German Cars">
<ins-input-select-option
value="mercedes"
label="Mercedes">
</ins-input-select-option>
<ins-input-select-option
value="audi"
label="Audi">
</ins-input-select-option>
</ins-input-select-group>
</ins-input-select>Attributes
| FIELD ATTRIBUTE | TYPE | DEFAULT | OPTIONS | DESCRIPTION |
|---|---|---|---|---|
| label | string | "Options Group" | any | Defines label of the group |
| tooltip | string | "" | - | Displays a tooltip beside the label. Supports HTML Content |