Hello. How Can I change margin in [part="compact-mode-label"] ? I don't kno

Directory Multiselect Combo Box
1

Hello.
How Can I change margin in [part=“compact-mode-label”]
? I don’t know how to get this component.

Regards
Paweł

2

Hi, I just ran into this also. You need to create a specific css for the component. First, add this to the view

@CssImport(value="./styles/multiselectComboboxStyles.css", themeFor="multiselect-combo-box-input" )

Then in {project}/frontend/styles/multiselectComboboxStyles.css, put this:

[part~="compact-mode-label"]
 {
    margin-top: 0;
    margin-bottom: 0;
}

Hope this helps! Also, this works for Vaadin 14+

3

Thanks for your reply. Unfortunately I chose another solution, but for sure this solution will be useful in the future. :-)