Skip to main content

glint-select-multiple-field

Field with dropdown to select multiple values from a number of options. Options can be filtered by typing in a search field.

<glint-select-multiple-field label="components"
                             description="Select many Components"
                             [options]="components"/>
  • [options]: (required) A list of options to pick from.

Different representation​

<glint-select-multiple-field label="components"
                             description="Select many Components"
                             [options]="components"
                             [textValue]="toName"
                             addItemMessage="Add Component...">
  <ng-template let-component>
    <div>{{ component.name }}</div>
    <div class="glint-text-mute">{{ component.description }}</div>
  </ng-template>
</glint-select-multiple-field>
  • [textValue]: Function that converts an option to a string. This is used to display the options in the input field and filter options when typing.
  • <ng-template>: Template used to render options in the dropdown.