Buttons is a set of directives that helps creating Bootstrap radio buttons and checkboxes

With the release of Bootstrap 5, there is not much interest in having a dedicated set of directives to manage button groups. Markup and styles have changed. Everything works out of the box with pure Angular without 3rd party libraries.

Here is how buttons might look like with pure Angular and Bootstrap 5 CSS.

Radio Buttons

Value: {{ radio.value }}

Checkboxes

Value: {{ checkbox.value | json }}

Before Bootstrap 5 we've used a set of directives (NgbLabel, NgbButton, etc.) to handle button groups as checkboxes or radios. Several CSS classes had to applied dynamically to the labels.

Radio Buttons

Checkboxes