@angular/material/badge#MatBadgeModule TypeScript Examples
The following examples show how to use
@angular/material/badge#MatBadgeModule.
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: material.module.ts From App with MIT License | 6 votes |
modules = [ MatToolbarModule, MatRippleModule, MatIconModule, MatTooltipModule, MatButtonModule, MatDividerModule, MatFormFieldModule, MatInputModule, MatCheckboxModule, MatProgressSpinnerModule, MatProgressBarModule, MatPaginatorModule, MatDialogModule, MatMenuModule, MatRadioModule, MatDatepickerModule, MatNativeDateModule, MatExpansionModule, MatSelectModule, MatBadgeModule, MatChipsModule ]
Example #2
Source File: material.module.ts From bitcoin-s-ts with MIT License | 6 votes |
materialModules = [
MatBadgeModule,
MatBottomSheetModule,
MatButtonModule,
MatButtonToggleModule,
MatCheckboxModule,
MatExpansionModule,
MatDatepickerModule,
MatDialogModule, // For focus
MatFormFieldModule,
MatIconModule,
MatInputModule,
MatMenuModule,
MatNativeDateModule,
MatOptionModule,
MatProgressSpinnerModule,
MatSelectModule,
MatSidenavModule,
MatSlideToggleModule,
MatSnackBarModule,
MatSortModule,
MatProgressSpinnerModule,
MatRadioModule,
MatTableModule,
MatToolbarModule,
MatTooltipModule,
]
Example #3
Source File: header.module.ts From angular-material-admin with MIT License | 6 votes |
@NgModule({
declarations: [
HeaderComponent,
UserComponent,
EmailComponent,
NotificationsComponent,
SearchComponent,
ShortNamePipe
],
exports: [
HeaderComponent
],
imports: [
CommonModule,
MatToolbarModule,
MatFormFieldModule,
MatIconModule,
MatMenuModule,
MatButtonModule,
MatInputModule,
MatBadgeModule
]
})
export class HeaderModule { }
Example #4
Source File: material.module.ts From capture-lite with GNU General Public License v3.0 | 6 votes |
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 #5
Source File: app.module.ts From Covinex with MIT License | 6 votes |
@NgModule({
declarations: [
AppComponent,
NavbarComponent,
HomeComponent,
AnalysisComponent,
CenterComponent,
TrackerComponent,
SigninComponent,
ContactComponent,
FooterComponent,
GlobeTrackComponent,
InfocardsComponent,
SignupComponent,
RegisterComponent,
ResultComponent,
AssessmentComponent,
ResourcesComponent
],
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
GoogleChartsModule,
ReactiveFormsModule,
BrowserAnimationsModule,
MatFormFieldModule,
MatDialogModule,
MatBadgeModule,
MatInputModule,
FormsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #6
Source File: material.module.ts From WiLearning with GNU Affero General Public License v3.0 | 6 votes |
@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 #7
Source File: mat-module.ts From WowUp with GNU General Public License v3.0 | 5 votes |
@NgModule({
exports: [
MatSliderModule,
MatTabsModule,
MatSelectModule,
MatButtonModule,
MatTableModule,
MatSortModule,
MatInputModule,
MatIconModule,
MatSlideToggleModule,
MatProgressBarModule,
MatCheckboxModule,
MatDividerModule,
MatProgressSpinnerModule,
MatMenuModule,
MatRadioModule,
MatTooltipModule,
MatDialogModule,
MatCardModule,
MatSnackBarModule,
MatSidenavModule,
MatListModule,
MatBadgeModule,
ClipboardModule,
ScrollingModule,
MatGridListModule,
MatExpansionModule,
],
imports: [
MatSliderModule,
MatTabsModule,
MatSelectModule,
MatButtonModule,
MatTableModule,
MatSortModule,
MatInputModule,
MatIconModule,
MatSlideToggleModule,
MatProgressBarModule,
MatCheckboxModule,
MatDividerModule,
MatProgressSpinnerModule,
MatMenuModule,
MatRadioModule,
MatTooltipModule,
MatDialogModule,
MatCardModule,
MatSnackBarModule,
MatSidenavModule,
MatListModule,
MatBadgeModule,
ClipboardModule,
ScrollingModule,
MatGridListModule,
MatExpansionModule,
],
})
export class MatModule {}
Example #8
Source File: app.module.ts From qbit-matUI with MIT License | 5 votes |
@NgModule({
declarations: [
AppComponent,
TorrentsTableComponent,
HomeComponent,
AddTorrentDialogComponent,
DeleteTorrentDialogComponent,
SearchTorrentsComponent,
GlobalTransferInfoComponent,
BulkUpdateTorrentsComponent,
TorrentInfoDialogComponent,
FileSystemDialogComponent,
FileSystemTreeExplorerComponent,
MoveTorrentsDialogComponent,
SettingsComponent,
WebUiSettingsComponent,
DownloadSettingsComponent,
SpeedSettingsComponent,
AboutSettingsComponent,
RssSettingsComponent,
SuccessSnackbarComponent,
WarnSnackbarComponent,
ErrorSnackbarComponent,
InfoSnackbarComponent,
DragAndDropFilesDirective,
RateLimitsDialogComponent,
ChipLabelComponent,
StatisticsDialogComponent
],
imports: [
CdkTreeModule,
DragDropModule,
BrowserModule,
BrowserAnimationsModule,
RouterModule.forRoot(appRoutes, { relativeLinkResolution: 'legacy' }),
HttpClientModule,
MatFormFieldModule,
MatSortModule,
MatProgressSpinnerModule,
MatToolbarModule,
MatButtonModule,
ProgressBarModule,
VirtualScrollerModule,
TableModule,
TagModule,
ContextMenuModule,
MatIconModule,
MatTooltipModule,
MatDialogModule,
MatFormFieldModule,
MatInputModule,
MatCheckboxModule,
MatCardModule,
MatSnackBarModule,
MatDividerModule,
MatTabsModule,
MatChipsModule,
MatListModule,
MatSlideToggleModule,
MatMenuModule,
MatAutocompleteModule,
MatBadgeModule,
MatTreeModule,
MatRippleModule,
MatRadioModule,
MatSelectModule,
FormsModule,
ReactiveFormsModule
],
providers: [CookieService],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #9
Source File: material.module.ts From open-genes-frontend with Mozilla Public License 2.0 | 5 votes |
@NgModule({
imports: [
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,
MatBottomSheetModule,
MatBadgeModule,
MatRippleModule,
],
exports: [
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,
MatBottomSheetModule,
MatBadgeModule,
],
})
export class MaterialModule {}
Example #10
Source File: app.module.ts From workflow-editor with Educational Community License v2.0 | 5 votes |
@NgModule({
declarations: [
AppComponent,
UploadWorkflowsDialogComponent,
DragDropUploadDirective,
WorkflowListComponent,
DownloadWorkflowsDialogComponent,
WorkflowItemComponent,
OperationItemComponent,
DefaultOperationListComponent,
SelectWorkflowsDialogComponent,
EditOperationComponent,
EditWorkflowComponent,
ConditionItemComponent,
APPLICATION_VALIDATORS,
ShowErrorComponent,
SearchPipe
],
imports: [
BrowserModule,
Ng2SearchPipeModule,
AngularSplitModule.forRoot(),
MonacoEditorModule.forRoot(),
BrowserAnimationsModule,
DragDropModule,
MatToolbarModule,
MatDialogModule,
MatFormFieldModule,
MatInputModule,
MatChipsModule,
MatTabsModule,
MatIconModule,
MatCardModule,
MatAutocompleteModule,
FormsModule,
ReactiveFormsModule,
MatBadgeModule,
MatListModule,
MatSidenavModule,
MatButtonToggleModule,
FlexLayoutModule,
MatSlideToggleModule,
MatButtonModule,
MatProgressSpinnerModule,
SortablejsModule.forRoot({
animation: 150,
group: {
name: 'shared'
},
fallbackOnBody: true,
swapThreshold: 0.65
})
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
providers: [],
bootstrap: [AppComponent],
entryComponents: [UploadWorkflowsDialogComponent, DownloadWorkflowsDialogComponent, SelectWorkflowsDialogComponent]
})
export class AppModule { }
Example #11
Source File: material.module.ts From ngSurvey with MIT License | 5 votes |
@NgModule({
exports: [
A11yModule,
ClipboardModule,
CdkStepperModule,
CdkTableModule,
CdkTreeModule,
DragDropModule,
MatAutocompleteModule,
MatBadgeModule,
MatBottomSheetModule,
MatButtonModule,
MatButtonToggleModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatStepperModule,
MatDatepickerModule,
MatDialogModule,
MatDividerModule,
MatExpansionModule,
MatGridListModule,
MatIconModule,
MatInputModule,
MatListModule,
MatMenuModule,
MatNativeDateModule,
MatPaginatorModule,
MatProgressBarModule,
MatProgressSpinnerModule,
MatRadioModule,
MatRippleModule,
MatSelectModule,
MatSidenavModule,
MatSliderModule,
MatSlideToggleModule,
MatSnackBarModule,
MatSortModule,
MatTableModule,
MatTabsModule,
MatToolbarModule,
MatTooltipModule,
MatTreeModule,
PortalModule,
ScrollingModule,
]
})
export class MaterialModule {}
Example #12
Source File: shared-material.module.ts From matx-angular with MIT License | 5 votes |
@NgModule({
exports: [
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,
MatNativeDateModule,
MatMomentDateModule,
MatTreeModule,
MatRippleModule,
MatBadgeModule,
MatBottomSheetModule,
MatDividerModule
]
})
export class SharedMaterialModule {}
Example #13
Source File: shared.module.ts From FlexDemo with MIT License | 5 votes |
@NgModule({
imports: [
CommonModule,
// Navigation
MatMenuModule, MatSidenavModule, MatToolbarModule,
// FormControls
MatAutocompleteModule, MatCheckboxModule, MatDatepickerModule, MatInputModule,
MatFormFieldModule, MatRadioModule, MatSelectModule, MatSliderModule,
MatSlideToggleModule, MatSelectModule,
// Layout
MatCardModule, MatDividerModule, MatExpansionModule, MatGridListModule,
MatListModule, MatStepperModule, MatTabsModule, MatTreeModule,
// Buttons
MatButtonModule, MatButtonToggleModule, MatBadgeModule, MatChipsModule,
MatIconModule, MatProgressSpinnerModule, MatProgressBarModule, MatRippleModule,
// Popups & Modals
MatBottomSheetModule, MatDialogModule, MatSnackBarModule, MatTooltipModule,
// Datatable
MatTableModule, MatSortModule, MatPaginatorModule,
FlexGridModule
],
exports: [
// CommonModule,
// // Navigation
// MatMenuModule, MatSidenavModule, MatToolbarModule,
// // FormControls
// MatAutocompleteModule, MatCheckboxModule, MatDatepickerModule,
MatInputModule,
MatFormFieldModule, // MatRadioModule, MatSelectModule, MatSliderModule,
// MatSlideToggleModule, MatSelectModule,
// // Layout
MatCardModule,
MatDividerModule,
// MatExpansionModule, MatGridListModule,
// MatListModule, MatStepperModule, MatTabsModule, MatTreeModule,
// Buttons
MatButtonModule,
// MatButtonToggleModule,
MatBadgeModule, MatChipsModule,
//
MatIconModule,
MatProgressSpinnerModule,
MatProgressBarModule, MatRippleModule,
// Popups & Modals
// MatBottomSheetModule, MatDialogModule, MatSnackBarModule,
MatTooltipModule,
// Datatable
MatTableModule, MatSortModule, MatPaginatorModule,
FlexGridModule
],
declarations: []
})
export class SharedModule { }
Example #14
Source File: app.module.ts From Smersh with MIT License | 4 votes |
@NgModule({
declarations: [
AddVulnsToHostExternalComponent,
AppComponent,
ClientsListComponent,
ClientsEditComponent,
ClientsCreateComponent,
ConclusionComponent,
EditVulnWithStateComponent,
ErrorsComponent,
GenericFormComponent,
GenericListComponent,
HomepageComponent,
HostsEditComponent,
HostsListComponent,
ImpactsCreateComponent,
ImpactsEditComponent,
ImpactsListComponent,
LoginComponent,
MissionMyComponent,
MissionsCreateComponent,
MissionsEditComponent,
MissionSingleComponent,
MissionsListComponent,
PopupComponent,
QueryableInputComponent,
SideBarComponent,
UsersCreateComponent,
UsersEditComponent,
UsersListComponent,
VulnsCreateComponent,
VulnsEditComponent,
VulnsListComponent,
],
imports: [
AppRoutingModule,
BrowserAnimationsModule,
BrowserModule,
FormsModule,
HttpClientModule,
MatAutocompleteModule,
MatBadgeModule,
MatButtonModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatDatepickerModule,
MatDialogModule,
MatExpansionModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
MatListModule,
MatNativeDateModule,
MatPaginatorModule,
MatProgressBarModule,
MatRadioModule,
MatSelectModule,
MatSidenavModule,
MatSlideToggleModule,
MatSnackBarModule,
MatSortModule,
MatTableModule,
MatTabsModule,
MatToolbarModule,
NgxMatDatetimePickerModule,
NgxMatTimepickerModule,
NgxMatNativeDateModule,
ReactiveFormsModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [HttpClient],
},
defaultLanguage: 'en', // TODO find a correct place to put static constants
}),
],
providers: [
ClientsService,
HostsService,
HostVulnsService,
LocaleService,
MatDatepickerModule,
MediaObjectsService,
MediasService,
MissionsService,
StepsService,
ThemeService,
TypesService,
UploadsService,
UsersService,
VulnTypesService,
Object.values(QueryableModule).map((m) => m),
...interceptors,
],
bootstrap: [AppComponent],
})
export class AppModule {}
Example #15
Source File: app.module.ts From worktez with MIT License | 4 votes |
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
BodyComponent,
CreateNewTaskComponent,
CreateNewSprintComponent,
BoardComponent,
FeatureCardComponent,
SprintDetailsComponent,
TasksComponent,
TaskCardsComponent,
TaskDetailsComponent,
LogWorkComponent,
EditPageComponent,
LoaderComponent,
LoginComponent,
LoginHandlerComponent,
UserCardComponent,
MyDashBoardComponent,
FilterTaskComponent,
NavbarComponent,
ChartComponent,
MyTasksComponent,
PerformanceChartComponent,
RangeCardComponent,
CreateNewOrganizationComponent,
ErrorComponent,
FilterTaskComponent,
Patch1Component,
FocusNavComponent,
UserVerificationComponent,
ProfileComponent,
EditProfileComponent,
TimeChartComponent,
ThemeComponent,
SetupComponent,
HomeComponent,
PieChartComponent,
WorkCompletionComponent,
Patch2Component,
Patch3Component,
UpdateFieldComponent,
ProgressGraphComponent,
ProfileIconsComponent,
SuggestionBucketComponent,
AddMemberComponent,
PerformanceColumnChartComponent,
ColumnChartComponent,
SelectDropdownComponent,
FooterComponent,
ActivityComponent,
ViewOrganizationDetailsComponent,
Patch4Component,
WarningComponent,
TasksEvaluationComponent,
ListPatchesComponent,
PatchCardsComponent,
EditPatchComponent,
CreateNewTeamComponent,
AddPatchComponent,
Patch5Component,
UploadFilesComponent,
ShowFilesComponent,
UploadLogoComponent,
SprintEvaluationGraphComponent,
BarChartComponent,
LinkComponent,
SpeedImagesComponent,
DataTableComponent,
TeamsCardComponent,
OrgDocumentsComponent,
Patch6Component,
CopyrightComponent,
Patch8Component,
NotificationCenterComponent,
Patch7Component,
PrivacyComponent,
EditEducationComponent,
EditWorkexperienceComponent,
EditProjectsComponent,
EditSkillsComponent,
CopyrightComponent,
NotificationCenterComponent,
Patch7Component,
CopyrightComponent,
ContributorsComponent,
TermsAndConditionComponent,
AddContributorsComponent,
EditProfilePicComponent,
UpdateImageComponent,
Patch10Component,
QuickNotesComponent,
AddnewNoteComponent,
EditNoteComponent,
ReleaseNotesComponent,
ReleaseNotesBodyComponent,
SocialPageComponent,
CreatePostComponent,
PostsComponent,
WhatsNewComponent,
GithubLinkComponent,
KanbanBoardComponent,
SchedularPatchComponent,
UpdateTeamComponent,
GitComponent,
ProfilePicturesComponent,
TeamDetailsComponent,
LabelCardComponent,
EditLabelPropComponent,
AddLabelComponent,
TaskECardComponent,
CommentsComponent,
EditDpComponent,
SprintBurndownChartComponent,
OrgDpComponent,
KanbanCardComponent,
TestimonialCardComponent,
MilestoneComponent,
MilestoneDetailsComponent,
GenerateIconComponent,
GetIconComponent,
FilterPageComponent,
EditFilterComponent,
CreateFilterComponent,
IconsBaseComponent,
ColorsBaseComponent,
AddMilestoneComponent,
MilestoneCardComponent,
AddTaskComponent,
],
imports: [
BrowserModule,
ReactiveFormsModule,
FormsModule,
AngularFireModule.initializeApp(environment.firebase),
AngularFireFunctionsModule,
AngularFirestoreModule,
AngularFireStorageModule,
AppRoutingModule,
GoogleChartsModule.forRoot({ version: 'current' }),
HttpClientModule,
BrowserAnimationsModule,
MatTableModule,
MatPaginatorModule,
MatIconModule,
MatBadgeModule,
MatSortModule,
MatInputModule,
MatFormFieldModule,
DragDropModule,
ImageCropperModule
],
providers: [
AuthService,
CookieService,
{ provide: REGION, useValue: 'asia-south1' },
{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: {appearance: 'fill'} },
{ provide: USE_AUTH_EMULATOR, useValue: environment.useEmulators ? ['http://localhost:9099'] : undefined },
{ provide: USE_FIRESTORE_EMULATOR, useValue: environment.useEmulators ? ['localhost', '7002'] : undefined },
{ provide: USE_FUNCTIONS_EMULATOR, useValue: environment.useEmulators ? ['localhost', '7001'] : undefined }
],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #16
Source File: material.module.ts From blockcore-hub with MIT License | 4 votes |
@NgModule({
imports: [
CdkTableModule,
CdkTreeModule,
MatAutocompleteModule,
MatBadgeModule,
MatBottomSheetModule,
MatButtonModule,
MatButtonToggleModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatStepperModule,
MatDatepickerModule,
MatDialogModule,
MatDividerModule,
MatExpansionModule,
MatGridListModule,
MatIconModule,
MatInputModule,
MatListModule,
MatMenuModule,
MatNativeDateModule,
MatPaginatorModule,
MatProgressBarModule,
MatProgressSpinnerModule,
MatRadioModule,
MatRippleModule,
MatSelectModule,
MatSidenavModule,
MatSliderModule,
MatSlideToggleModule,
MatSnackBarModule,
MatSortModule,
MatTableModule,
MatTabsModule,
MatToolbarModule,
MatTooltipModule,
MatTreeModule,
ClipboardModule],
exports: [CdkTableModule,
CdkTreeModule,
MatAutocompleteModule,
MatBadgeModule,
MatBottomSheetModule,
MatButtonModule,
MatButtonToggleModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatStepperModule,
MatDatepickerModule,
MatDialogModule,
MatDividerModule,
MatExpansionModule,
MatGridListModule,
MatIconModule,
MatInputModule,
MatListModule,
MatMenuModule,
MatNativeDateModule,
MatPaginatorModule,
MatProgressBarModule,
MatProgressSpinnerModule,
MatRadioModule,
MatRippleModule,
MatSelectModule,
MatSidenavModule,
MatSliderModule,
MatSlideToggleModule,
MatSnackBarModule,
MatSortModule,
MatTableModule,
MatTabsModule,
MatToolbarModule,
MatTooltipModule,
MatTreeModule,
ClipboardModule],
})
export class MaterialModule {
}