Content Comparison

...

<div class="mat-form-optionfield">
  <label>Checkbox<label>Search Group Label<Select</label>
  <mat<search-checkbox>Option 1<mat-checkbox>
  <mat-checkbox>Option 2<mat-checkbox>
  <mat-checkbox>Option 3<mat-checkbox>
select [options]=""></search-select>
</div>

Container

• Every checkbox search dropdown should have a mat-form-optionfield container, which formats its' content styles and spacing, and facilitates the label for a checkbox group.

Label

• Use <label> for input labels

Input

• Use matselect-checkboxselect for all instances of <input type="checkbox"> <select>