Select Group

Published on February 17, 2021, updated on January 13, 2024

Element: <ins-input-select-group>

Defines a drop-down list item.

Complete Example

Code Snippet

<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

Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.