Dropdown with checkbox

We use dropdown with checkboxes in it to create more complex filters e.g. on the project monitor page.


Example


Code

1
2
3
4
5
6
7
8
9
10
11
%div
  %span.dropdown
  %button.btn.btn-outline-secondary.dropdown-toggle{ data: { toggle: :dropdown }, type: :button }
    %span.caret
    Dropdown
  .dropdown-menu
    .dropdown-item
      .custom-control.custom-checkbox
        %input.custom-control-input#checkbox{ checked: true, type: :checkbox }
        %label.custom-control-label{ for: 'checkbox' }
          Checkbox