Bootstrap input group compatibility

[niskah-energies]

Hi,

Is there a way to make ng-select2 compatible with inpugroup, like this:

https://select2.github.io/select2-bootstrap-theme/4.0.3.html

[dadoadk]

Can somebody explain how a bootstrap theme can be applied to ng-select2?
I've found this repo https://github.com/angel-vladov/select2-theme-bootstrap5,
but I don't know how to apply the theme since ng-select2 only has 'default', 'material, and 'noStyle'
How do I apply bootstrap theme?
$('#dropdown').select2({
theme: 'bootstrap'
});

[Zefling]

It's not the same select2. Bootstrap styles should be added. If I have time, I will look. Otherwise you can propose a new style in pull request.

[dadoadk]

Sure, can you give me some pointers?
Do you want select2-theme-bootstrap5 to be a dependency to ng-select2-component?
Should styleMode flag have an additional option 'bootstrap'?

What's important to me, and other bootstrap developers, to bring 'form-control' class to wrap the input element and bring in that familiar style with responsiveness that bootstrap is know for.

[Zefling]

I haven't seen if all the classes still match. There have been a lot of changes since the fork and it wasn't really my priority, sorry.

Added themes are here:
https://github.com/Harvest-Dev/ng-select2/blob/master/projects/ng-select2-component/src/lib/select2.component.scss#L487

Moreover, the boostrap theme does not use any CSS variable... For me, it's not great.

I would say that as the project stands, the easiest way is to add a new style.