Description

An API for applying CSS classnames to items in Combo Box and Multi-Select Combo Box, for individual styling of dropdown items and MSCB chips.

Acceptance criteria

• Item classname generator API:
  • Java: setClassNameGenerator(SerializableFunction<T,String>)
  • WC/React: itemClassNameGenerator: ItemClassNameGenerator
• Applies classnames to
  • vaadin-combo-box-items
  • vaadin-multi-select-combo-box-items
  • vaadin-multi-select-combo-box-chips

Code example

Java:

var mscb = new MultiSelectComboBox<Person>();
mscb.setClassNameGenerator(person -> {
  return person.getGender().toString().toLowerCase();
});

CSS:

vaadin-multi-select-combo-box-chip, vaadin-multi-select-combo-box-item {
  &.male {
    background: cornflowerblue;
  }
  &.female {
    background: lightpink;
  }
  &.other {
    background: lightgrey;
  }
}

General criteria

• APIs reviewed

• Performance

• UX/DX tests in Alpha

• Documentation:

• How to test?

• Limitations:

Security

• Security implications have been taken into account (elaborate or link to product security requirement specification if there are implications)