Skip to content

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