Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 6 Next »

References

Example

Usage

Structure

<div class="mat-form-option">
  <label>Checkbox Group Label</label>
  <mat-checkbox>Option 1<mat-checkbox>
  <mat-checkbox>Option 2<mat-checkbox>
  <mat-checkbox>Option 3<mat-checkbox>
</div>

Container

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

Label

  • Use <label> for input labels

Input

  • Use mat-checkbox for all instances of <input type="checkbox">

  • No labels