@angular/material/checkbox#MatCheckboxModule TypeScript Examples

The following examples show how to use @angular/material/checkbox#MatCheckboxModule. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: demo-time.module.ts    From angular-material-components with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(
      routes,
    ),
    MatDatepickerModule,
    MatInputModule,
    NgxMatDatetimePickerModule,
    NgxMatTimepickerModule,
    FormsModule,
    ReactiveFormsModule,
    MatButtonModule,
    NgxMatNativeDateModule,
    MatRadioModule,
    MatSelectModule,
    MatCheckboxModule,
    MatIconModule,
    MatCardModule,
    SharedModule
  ],
  declarations: [DemoTimeComponent]
})
export class DemoTimeModule { }
Example #2
Source File: add-edit-advance-request.module.ts    From fyle-mobile-app with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    AddEditAdvanceRequestPageRoutingModule,
    MatIconModule,
    ReactiveFormsModule,
    MatFormFieldModule,
    MatInputModule,
    SharedModule,
    MatCheckboxModule,
    PinchZoomModule,
    PdfViewerModule,
  ],
  declarations: [
    AddEditAdvanceRequestPage,
    FyCurrencyComponent,
    FyCurrencyChooseCurrencyComponent,
    FyCurrencyExchangeRateComponent,
    PolicyViolationDialogComponent,
    CameraOptionsPopupComponent,
    DraftAdvanceSummaryComponent,
  ],
})
export class AddEditAdvanceRequestPageModule {}
Example #3
Source File: chat.module.ts    From client-side-databases with Apache License 2.0 6 votes vote down vote up 
@NgModule({
  declarations: [
    SearchComponent,
    UserListComponent,
    MessageInputComponent,
    MessageBoxComponent,
    MessageListComponent,
    OwnNameComponent,
    ChatLayoutComponent,
    ChatComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatInputModule,
    MatFormFieldModule,
    MatButtonModule,
    MatCheckboxModule,
    MatProgressSpinnerModule
  ],
  providers: [],
  exports: [
    ChatLayoutComponent,
    ChatComponent
  ]
})
export class ChatModule { }
Example #4
Source File: demo-datetime.module.ts    From angular-material-components with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(
      routes,
    ),
    MatDatepickerModule,
    MatInputModule,
    NgxMatDatetimePickerModule,
    NgxMatTimepickerModule,
    FormsModule,
    ReactiveFormsModule,
    MatButtonModule,
    NgxMatNativeDateModule,
    MatRadioModule,
    MatSelectModule,
    MatCheckboxModule,
    MatIconModule,
    MatCardModule,
    SharedModule
  ],
  declarations: [
    DemoDatetimeComponent
  ]
})
export class DemoDatetimeModule { }
Example #5
Source File: add-edit-expense.module.ts    From fyle-mobile-app with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    MatIconModule,
    AddEditExpensePageRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    MatFormFieldModule,
    MatInputModule,
    MatRippleModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatCheckboxModule,
    SharedModule,
    PinchZoomModule,
    PdfViewerModule,
    MatButtonModule,
    MatSnackBarModule,
  ],
  declarations: [
    AddEditExpensePage,
    FyCurrencyComponent,
    FyCurrencyChooseCurrencyComponent,
    FyCurrencyExchangeRateComponent,
    PolicyViolationComponent,
    CameraOptionsPopupComponent,
    MatchTransactionComponent,
    SuggestedDuplicatesComponent,
  ],
})
export class AddEditExpensePageModule {}
Example #6
Source File: demo-datetime.module.ts    From ngx-mat-datetime-picker with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(
      routes,
    ),
    MatDatepickerModule,
    MatInputModule,
    NgxMatDatetimePickerModule,
    NgxMatTimepickerModule,
    FormsModule,
    ReactiveFormsModule,
    MatButtonModule,
    NgxMatNativeDateModule,
    MatRadioModule,
    MatSelectModule,
    MatCheckboxModule,
    MatIconModule,
    MatCardModule,
  ],
  declarations: [DemoDatetimeComponent]
})
export class DemoDatetimeModule { }
Example #7
Source File: features.module.ts    From coronatest with GNU Affero General Public License v3.0 6 votes vote down vote up 
@NgModule({
	declarations: [
		FormComponent,
		LandingComponent,
		ChipComponent,
		ResultsComponent,
		LoadingEllipsisComponent,
		InfoComponent
	],
	imports: [
		DashboardModule,
		CommonModule,
		MatRadioModule,
		MatFormFieldModule,
		ReactiveFormsModule,
		FormsModule,
		MatInputModule,
		BrowserAnimationsModule,
		MatCheckboxModule,
		MatButtonToggleModule,
		MatStepperModule,
		HttpClientModule,
		TranslateModule.forChild({
			loader: {
				provide: TranslateLoader,
				useFactory: HttpLoaderFactory,
				deps: [HttpClient]
			}
		}),
		MatButtonModule,
		MatCardModule,
		MatSelectModule,
		RouterModule,
		MatProgressSpinnerModule
	]
})
export class FeaturesModule {}
Example #8
Source File: accounting.module.ts    From muino-time-management with GNU General Public License v3.0 6 votes vote down vote up 
@NgModule({
  declarations: [AccountingComponent],
  providers: [AccountingService],
  imports: [
    FormsModule,
    CommonModule,

    BsDropdownModule,    
    ButtonsModule.forRoot(),
    AccountingRoutingModule,

    FormsModule,
    MatAutocompleteModule, MatDividerModule, MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, MatRippleModule,
    MatSelectModule
  ]
})
export class AccountingModule { }
Example #9
Source File: multicheckbox.component.spec.ts    From open-source with MIT License 6 votes vote down vote up 
describe('DynMatMulticheckboxComponent', () => {
  let component: DynMatMulticheckboxComponent;
  let fixture: ComponentFixture<DynMatMulticheckboxComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [
        DynFormsModule.forFeature(),
        MatCheckboxModule,
      ],
      declarations: [DynMatMulticheckboxComponent],
      providers: [
        MockProvider(DynLogger),
        MockProvider(DynFormTreeNode),
        {
          provide: DYN_CONTROLS_TOKEN,
          useValue: {},
          multi: true,
        },
      ],
    }).compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(DynMatMulticheckboxComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});
Example #10
Source File: app.module.ts    From client-side-databases with Apache License 2.0 6 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatInputModule,
    MatFormFieldModule,
    MatButtonModule,
    MatCheckboxModule,
    MatProgressSpinnerModule,
    ChatModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  exports: []
})
export class AppModule { }
Example #11
Source File: material.module.ts    From capture-lite with GNU General Public License v3.0 6 votes vote down vote up 
modules = [
  MatCheckboxModule,
  MatButtonModule,
  MatInputModule,
  MatAutocompleteModule,
  MatDatepickerModule,
  MatFormFieldModule,
  MatRadioModule,
  MatSelectModule,
  MatSliderModule,
  MatSlideToggleModule,
  MatMenuModule,
  MatSidenavModule,
  MatToolbarModule,
  MatListModule,
  MatGridListModule,
  MatCardModule,
  MatStepperModule,
  MatTabsModule,
  MatExpansionModule,
  MatButtonToggleModule,
  MatChipsModule,
  MatIconModule,
  MatProgressSpinnerModule,
  MatProgressBarModule,
  MatDialogModule,
  MatTooltipModule,
  MatSnackBarModule,
  MatTableModule,
  MatSortModule,
  MatPaginatorModule,
  MatBadgeModule,
  MatBottomSheetModule,
]
Example #12
Source File: settings.module.ts    From open-genes-frontend with Mozilla Public License 2.0 6 votes vote down vote up 
@NgModule({
  declarations: [SettingsComponent],
  imports: [
    CommonModule,
    RouterModule.forChild(settingsRoutes),
    FormsModule,
    TranslateModule,
    SidebarModule,
    MatCheckboxModule,
    UiComponentsModule,
  ],
})
export class SettingsModule {}
Example #13
Source File: checkbox.module.ts    From ASW-Form-Builder with MIT License 6 votes vote down vote up 
@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        MatInputModule,
        MatSelectModule,
        MatDialogModule,
        MatSlideToggleModule,
        MatDividerModule,
        MatCheckboxModule,
        MatIconModule,
        MatTooltipModule,
        AswConfirmDialogModule
    ],
    declarations: [
        AswCheckbox,
        AswCheckboxDialog
    ],
    exports: [
        AswCheckbox,
        AswCheckboxDialog
    ]
})
export class AswCheckboxModule { }
Example #14
Source File: app.module.ts    From bdc-walkthrough with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    Example1Component,
    Example2Component,
    Example3Component,
    Example4Component,
    Example5Component,
    Example6Component,
    Example7Component
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    AppRoutingModule,
    MatIconModule,
    MatButtonModule,
    MatCheckboxModule,
    MatFormFieldModule,
    MatInputModule,
    MatDialogModule,
    BdcWalkModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #15
Source File: material.module.ts    From WiLearning with GNU Affero General Public License v3.0 6 votes vote down vote up 
@NgModule({
  exports: [
    MatSelectModule,
    MatAutocompleteModule,
    MatCardModule,
    MatCheckboxModule,
    MatDatepickerModule,
    MatDialogModule,
    MatGridListModule,
    MatIconModule,
    MatListModule,
    MatMenuModule,
    MatProgressBarModule,
    MatProgressSpinnerModule,
    MatButtonModule,
    MatButtonToggleModule,
    MatSidenavModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSnackBarModule,
    MatTabsModule,
    MatToolbarModule,
    MatTooltipModule,
    MatRadioModule,
    MatInputModule,
    MatRippleModule,
    MatDividerModule,
    MatExpansionModule,
    MatTableModule,
    MatPaginatorModule,
    MatSortModule,
    MatBadgeModule
  ]
})
export class MaterialComponentsModule {}
Example #16
Source File: forms.module.ts    From matx-angular with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    MatInputModule,
    MatListModule,
    MatCardModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatProgressBarModule,
    MatRadioModule,
    MatCheckboxModule,
    MatButtonModule,
    MatIconModule,
    MatStepperModule,
    FlexLayoutModule,
    QuillModule,
    NgxDatatableModule,
    FileUploadModule,
    RouterModule.forChild(FormsRoutes)
  ],
  declarations: [
    BasicFormComponent,
    RichTextEditorComponent,
    FileUploadComponent,
    WizardComponent
  ]
})
export class AppFormsModule {}
Example #17
Source File: material.module.ts    From App with MIT License 6 votes vote down vote up 
modules = [
	MatToolbarModule,
	MatRippleModule,
	MatIconModule,
	MatTooltipModule,
	MatButtonModule,
	MatDividerModule,
	MatFormFieldModule,
	MatInputModule,
	MatCheckboxModule,
	MatProgressSpinnerModule,
	MatProgressBarModule,
	MatPaginatorModule,
	MatDialogModule,
	MatMenuModule,
	MatRadioModule,
	MatDatepickerModule,
	MatNativeDateModule,
	MatExpansionModule,
	MatSelectModule,
	MatBadgeModule,
	MatChipsModule
]
Example #18
Source File: item.module.ts    From VIR with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [ItemComponent],
  imports: [
    CommonModule,
    MatIconModule,
    MatButtonModule,
    SessionChipModule,
    MatCheckboxModule,
    FormsModule,
    SharedModule,
    MatSnackBarModule,
    MatTooltipModule,
    MatMenuModule,
  ],
  exports: [ItemComponent],
})
export class ItemModule {
}
Example #19
Source File: workspace-grid.module.ts    From flingo with MIT License 6 votes vote down vote up 
@NgModule({
    imports: [
        CommonModule,
        RouterModule.forChild(GridRoutes),
        GridModule,
        MatDialogModule,
        MatButtonModule,
        MatCheckboxModule
    ],
    declarations: [GridDemoComponent, DialogComponent, ActionButtonComponent, CheckboxComponent],
    providers: [GridService]
})
export class WorkspaceGridModule {}
Example #20
Source File: tables.module.ts    From angular-material-admin with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [
    TablesPageComponent,
    MaterialTableComponent,
    EmployeeTableComponent
  ],
  imports: [
    CommonModule,
    TablesRoutingModule,
    MatCardModule,
    MatIconModule,
    MatMenuModule,
    MatTableModule,
    MatButtonModule,
    MatCheckboxModule,
    MatToolbarModule,
    MatPaginatorModule,
    MatFormFieldModule,
    SharedModule
  ],
  providers: [
    TablesService
  ]
})
export class TablesModule { }
Example #21
Source File: multi-select.module.ts    From ASW-Form-Builder with MIT License 6 votes vote down vote up 
@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        MatInputModule,
        MatSelectModule,
        MatDialogModule,
        MatSlideToggleModule,
        MatDividerModule,
        MatIconModule,
        MatCheckboxModule,
        MatTooltipModule,
        AswConfirmDialogModule
    ],
    declarations: [
        AswMultiSelect,
        AswMultiSelectDialog
    ],
    exports: [
        AswMultiSelect,
        AswMultiSelectDialog
    ]
})
export class AswMultiSelectModule { }
Example #22
Source File: checkbox.component.spec.ts    From flingo with MIT License 6 votes vote down vote up 
describe('CheckboxComponent', () => {
    let component: CheckboxComponent;
    let fixture: ComponentFixture<CheckboxComponent>;

    beforeEach(waitForAsync(() => {
        TestBed.configureTestingModule({
            imports: [MatCheckboxModule],
            declarations: [CheckboxComponent]
        }).compileComponents();
    }));

    beforeEach(() => {
        fixture = TestBed.createComponent(CheckboxComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
    });

    it('should create', () => {
        expect(component).toBeTruthy();
    });
});
Example #23
Source File: material.module.ts    From bitcoin-s-ts with MIT License 6 votes vote down vote up 
materialModules = [
  MatBottomSheetModule,
  MatButtonModule,
  MatCheckboxModule,
  MatDatepickerModule,
  MatDialogModule, // For focus
  MatFormFieldModule,
  MatIconModule,
  MatInputModule,
  MatMenuModule,
  MatNativeDateModule,
  MatOptionModule,
  MatProgressSpinnerModule,
  MatSelectModule,
  MatSidenavModule,
  MatSlideToggleModule,
  MatSnackBarModule,
  MatSortModule,
  MatProgressSpinnerModule,
  MatRadioModule,
  MatTableModule,
  MatTooltipModule,
]
Example #24
Source File: shared.module.ts    From HeartBeat with MIT License 6 votes vote down vote up 
materialModules: any[] = [
  MatToolbarModule,
  MatGridListModule,
  MatButtonModule,
  MatStepperModule,
  MatInputModule,
  MatFormFieldModule,
  MatSelectModule,
  MatSnackBarModule,
  MatDatepickerModule,
  MatNativeDateModule,
  MatTableModule,
  MatProgressSpinnerModule,
  MatIconModule,
  MatCardModule,
  MatRadioModule,
  MatListModule,
  MatCheckboxModule,
  MatDialogModule,
  MatTooltipModule,
]
Example #25
Source File: user.module.ts    From careydevelopmentcrm with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [
    AccountInfoComponent,
    ProfileImageComponent,
    InboxComponent,
    MessageComponent,
    NoSanitizePipe,
    ComposeEmailComponent,
    EmailChoiceComponent,
    EmailRedirectComponent
  ],
  imports: [
    CommonModule,
    FlexLayoutModule,
    MatIconModule,
    MatInputModule,
    MatButtonModule,
    MatProgressSpinnerModule,
    MatCardModule,
    MatSelectModule,
    MatListModule,
    MatTableModule,
    MatSortModule,
    MatCheckboxModule,
    MatPaginatorModule,
    MatStepperModule,
    MatRadioModule,
    MatExpansionModule,
    MatMenuModule,
    MatToolbarModule,
    MatAutocompleteModule,
    ReactiveFormsModule,
    QuillModule.forRoot(),
    AlertModule,
    ImageUploaderModule,
    RouterModule.forChild(routes)
  ]
})
export class UserModule { }
Example #26
Source File: app.module.ts    From angular-dark-mode with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    SampleDialogComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatToolbarModule,
    MatSlideToggleModule,
    ReactiveFormsModule,
    MatButtonModule,
    MatCardModule,
    MatIconModule,
    MatDialogModule,
    FlexLayoutModule,
    MatFormFieldModule,
    MatInputModule,
    MatCheckboxModule,
    MatExpansionModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #27
Source File: json-schema-form.module.ts    From json-schema-form with Apache License 2.0 6 votes vote down vote up 
@NgModule({
  declarations: [JsonSchemaFormComponent, EditElementDialogComponent, WidgetDirective],
  imports: [
    MatCardModule,
    FlexLayoutModule,
    MatIconModule,
    MatTooltipModule,
    MatTableModule,
    MatTabsModule,
    MatFormFieldModule,
    MatSelectModule,
    MatDatepickerModule,
    MatCheckboxModule,
    MatAutocompleteModule,
    HttpClientModule,
    CommonModule,
    MatInputModule,
    MatNativeDateModule,
    MatButtonModule,
    MatExpansionModule,
    MatMenuModule,
    ReactiveFormsModule,
    MatDialogModule,
    MatChipsModule,
    DragDropModule
  ],
  exports: [JsonSchemaFormComponent],
  providers: [
    // turn off tooltip gestures on mobile: https://github.com/angular/components/issues/4892
    { provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: { touchGestures: 'off' } },
    { provide: EDIT_DIALOG_TOKEN, useValue: EditElementDialogComponent }
  ]

})
export class JsonSchemaFormModule { }
Example #28
Source File: material-module.ts    From 6PG-Dashboard with MIT License 6 votes vote down vote up 
@NgModule({
  exports: [
    ColorPickerModule,
    CdkTableModule,
    MatButtonModule,
    MatButtonToggleModule,
    MatChipsModule,
    MatCheckboxModule,
    MatInputModule,
    MatIconModule,
    MatTableModule,
    MatPaginatorModule,
    MatRippleModule,
    MatSortModule,
    MatSidenavModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSelectModule,
    MatSnackBarModule,
    MatTooltipModule
  ]
})
export class MaterialModule {}
Example #29
Source File: memory_viewer_main_module.ts    From profiler with Apache License 2.0 6 votes vote down vote up 
/** A memory viewer module. */
@NgModule({
  declarations: [MemoryViewerMain],
  imports: [
    DiagnosticsViewModule,
    FormsModule,
    MatDividerModule,
    MaxHeapChartModule,
    MatCheckboxModule,
    MatIconModule,
    MatTooltipModule,
    ProgramOrderChartModule,
  ],
  exports: [MemoryViewerMain]
})
export class MemoryViewerMainModule {
}