@angular/material/stepper#MatStepperModule TypeScript Examples
The following examples show how to use
@angular/material/stepper#MatStepperModule.
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: user.module.ts From careydevelopmentcrm with MIT License | 6 votes |
@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 #2
Source File: forms.module.ts From matx-angular with MIT License | 6 votes |
@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 #3
Source File: features.module.ts From coronatest with GNU Affero General Public License v3.0 | 6 votes |
@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 #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 RoboScan with GNU General Public License v3.0 | 6 votes |
@NgModule({
declarations: [
AppComponent,
AlertDialogComponent,
DockerDialogComponent,
SambaDialogComponent,
RsyncDialogComponent,
CaptureOneDialogComponent
],
imports: [
HttpClientModule,
BrowserModule,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
MatToolbarModule,
MatStepperModule,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatDialogModule,
MatMenuModule,
MatDividerModule,
MatAutocompleteModule,
MatInputModule,
MatSelectModule,
MatButtonToggleModule,
MatExpansionModule,
MatSlideToggleModule,
SocketIoModule.forRoot(config),
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #6
Source File: shared.module.ts From HeartBeat with MIT License | 6 votes |
materialModules: any[] = [
MatToolbarModule,
MatGridListModule,
MatButtonModule,
MatStepperModule,
MatInputModule,
MatFormFieldModule,
MatSelectModule,
MatSnackBarModule,
MatDatepickerModule,
MatNativeDateModule,
MatTableModule,
MatProgressSpinnerModule,
MatIconModule,
MatCardModule,
MatRadioModule,
MatListModule,
MatCheckboxModule,
MatDialogModule,
MatTooltipModule,
]
Example #7
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 #8
Source File: contacts.module.ts From careydevelopmentcrm with MIT License | 5 votes |
@NgModule({
declarations: [
ContactFormComponent,
AddContactComponent,
BasicInfoFormComponent,
AddressesFormComponent,
PhonesFormComponent,
AddressTypeFormComponent,
PhoneTypeFormComponent,
ReviewFormComponent,
EditContactComponent,
ViewContactsComponent,
ViewContactComponent,
ViewContactMenuComponent,
StatusProgressBarComponent
],
imports: [
CommonModule,
FlexLayoutModule,
MatIconModule,
MatInputModule,
MatButtonModule,
MatProgressSpinnerModule,
MatSelectModule,
MatStepperModule,
MatRadioModule,
MatExpansionModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatCardModule,
MatListModule,
MatAutocompleteModule,
MatMenuModule,
MatChipsModule,
ReactiveFormsModule,
AlertModule,
NgxFlagPickerModule,
ActivitiesModule,
DealsModule,
DirectivesModule,
ValidationModule,
RouterModule.forChild(routes)
]
})
export class ContactsModule { }
Example #9
Source File: material.module.ts From assetMG with Apache License 2.0 | 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 #10
Source File: wizard.module.ts From open-genes-frontend with Mozilla Public License 2.0 | 5 votes |
@NgModule({
declarations: [WizardSheetComponent],
imports: [CommonModule, TranslateModule, MatStepperModule, DirectivesModule],
})
export class WizardModule {}
Example #11
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 #12
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 #13
Source File: app.module.ts From tuxedo-control-center with GNU General Public License v3.0 | 5 votes |
@NgModule({
declarations: [
AppComponent,
ProfileManagerComponent,
SupportComponent,
ProfileOverviewTileComponent,
ProfileDetailsEditComponent,
InfoComponent,
CpuDashboardComponent,
GlobalSettingsComponent,
ShutdownTimerComponent,
ToolsComponent,
ChangeCryptPasswordComponent,
FanGraphComponent
],
imports: [
BrowserModule,
AppRoutingModule,
NgxElectronModule,
BrowserAnimationsModule,
FormsModule,
HttpClientModule,
ReactiveFormsModule,
MatSidenavModule,
MatToolbarModule,
MatListModule,
MatIconModule,
MatTableModule,
MatFormFieldModule,
MatSelectModule,
MatButtonModule,
MatCardModule,
MatChipsModule,
MatExpansionModule,
MatInputModule,
MatTooltipModule,
MatCheckboxModule,
MatDividerModule,
MatSliderModule,
MatGridListModule,
MatStepperModule,
MatButtonToggleModule,
MatProgressBarModule,
MatProgressSpinnerModule,
MarkdownModule.forRoot(),
OverlayModule,
GaugeModule.forRoot(),
ChartsModule
],
providers: [
DecimalPipe,
ThemeService
],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #14
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 #15
Source File: app.module.ts From nuxx with GNU Affero General Public License v3.0 | 4 votes |
@NgModule({
declarations: [
AppComponent,
RepoSearchComponent,
DialogDetails,
DialogAddCustom,
HeaderComponent,
CodeViewComponent,
CanvasComponent,
HomeComponent,
ManageProjectDialogComponent,
ManageVolumesDialogComponent,
SpinnerComponent,
CheckCircleComponent,
ConfirmDialogComponent,
NodeComponent,
MarkedPipe,
TruncateTextPipe,
KeyValueComponent,
ManageNetworksDialogComponent,
SideBarComponent,
LoginComponent,
RegistrationComponent,
ManageUserDialogComponent,
CallbackComponent,
ImportDialogComponent,
GlobalDialogComponent,
RecipeComponent,
DialogPublishRecipe,
DialogRecipeDetails,
BuildDialogComponent,
DeployDialogComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
MatSidenavModule,
MatCardModule,
MatFormFieldModule,
MatInputModule,
MatDialogModule,
MatButtonModule,
MatIconModule,
MatSelectModule,
MatTabsModule,
MatButtonToggleModule,
MatProgressSpinnerModule,
MatSliderModule,
MatTooltipModule,
MatCheckboxModule,
MatMenuModule,
MatStepperModule,
MatAutocompleteModule,
DragDropModule,
HighlightModule,
FlexLayoutModule,
FormsModule,
ReactiveFormsModule,
HttpClientModule,
StoreModule.forRoot({ project: projectReducer, globalSpinnerState: globalSpinnerReducer, globalError: globalDialogReducer, globalAppConfiguration: globalConfigurationReducer }),
ClipboardModule,
EffectsModule.forRoot([ProjectEffects]),
AngularSplitModule.forRoot(),
CodemirrorModule
],
providers: [
{
provide: HIGHLIGHT_OPTIONS,
useValue: <HighlightOptions>{
lineNumbers: true,
languages: getHighlightLanguages(),
}
},
{ provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true },
EventEmitterService,
NodeService,
],
bootstrap: [AppComponent],
})
export class AppModule {}
Example #16
Source File: app.module.ts From attack-workbench-frontend with Apache License 2.0 | 4 votes |
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent,
LoadingOverlayComponent,
ToolbarComponent,
ResourcesDrawerComponent,
SubheadingComponent,
ConfirmationDialogComponent,
EmptyListMarkerComponent,
MarkdownViewDialogComponent,
CollectionImportSummaryComponent,
SaveDialogComponent,
AddDialogComponent,
HistoryTimelineComponent,
ReferenceManagerComponent,
ReferenceEditDialogComponent,
MultipleChoiceDialogComponent,
ValidationResultsComponent,
AddRelationshipButtonComponent,
StixListComponent,
DescriptivePropertyComponent,
DescriptiveViewComponent,
DescriptiveEditComponent,
DescriptiveDiffComponent,
ExternalReferencesPropertyComponent,
ExternalReferencesViewComponent,
ExternalReferencesDiffComponent,
TimestampPropertyComponent,
TimestampViewComponent,
TimestampDiffComponent,
AttackIDPropertyComponent,
AttackIDEditComponent,
AttackIDViewComponent,
ListPropertyComponent,
ListEditComponent,
ListViewComponent,
VersionPropertyComponent,
VersionEditComponent,
VersionViewComponent,
NamePropertyComponent,
IconViewComponent,
LandingPageComponent,
HelpPageComponent,
AdminPageComponent,
OrgIdentityPageComponent,
StixDialogComponent,
StixPageComponent,
CollectionListComponent,
CollectionViewComponent,
CollectionManagerComponent,
CollectionIndexListComponent,
CollectionIndexViewComponent,
CollectionIndexImportComponent,
CollectionImportComponent,
CollectionImportReviewComponent,
CollectionImportErrorComponent,
// CollectionExportComponent,
RelationshipViewComponent,
GroupListComponent,
GroupViewComponent,
MatrixListComponent,
MatrixViewComponent,
MitigationListComponent,
MitigationViewComponent,
SoftwareListComponent,
SoftwareViewComponent,
TacticListComponent,
TacticViewComponent,
TechniqueListComponent,
TechniqueViewComponent,
AliasPropertyComponent,
AliasViewComponent,
AliasEditComponent,
AliasEditDialogComponent,
OrderedListPropertyComponent,
OrderedListViewComponent,
OrderedListEditComponent,
NotesEditorComponent,
ObjectStatusComponent,
IdentityPropertyComponent,
DataSourceViewComponent,
DataSourceListComponent,
DataComponentViewComponent
],
imports: [
BreadcrumbModule,
MaterialFileInputModule,
MarkdownModule.forRoot({
loader: HttpClient,
// toggle this to disable github flavored markdown
// markedOptions: {
// provide: MarkedOptions,
// useValue: {
// pedantic: true
// }
// }
}),
LoggerModule.forRoot({
level: environment.log_level,
disableConsoleLogging: false
}),
PopoverModule,
NgxJdenticonModule,
BrowserModule,
AppRoutingModule,
AppRoutingStixModule,
HttpClientModule,
BrowserAnimationsModule,
MatToolbarModule,
MatButtonModule,
MatSidenavModule,
MatIconModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatTabsModule,
MatTooltipModule,
MatButtonToggleModule,
MatCardModule,
MatDividerModule,
MatStepperModule,
MatFormFieldModule,
MatListModule,
FormsModule, ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatExpansionModule,
MatCheckboxModule,
MatRadioModule,
MatProgressSpinnerModule,
MatMenuModule,
MatDialogModule,
MatSnackBarModule,
MatChipsModule,
MatDatepickerModule,
MatNativeDateModule,
DragDropModule,
ClipboardModule,
OverlayModule
],
exports: [
MatToolbarModule,
MatButtonModule,
MatSidenavModule,
MatIconModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatTabsModule,
MatTooltipModule,
MatButtonToggleModule,
MatCardModule,
MatDividerModule,
MatStepperModule,
MatFormFieldModule,
FormsModule, ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatExpansionModule,
MatCheckboxModule,
MatRadioModule,
MatProgressSpinnerModule,
MatMenuModule,
MatDialogModule,
MatSnackBarModule,
DragDropModule,
ClipboardModule,
OverlayModule
],
providers: [
{
provide: JDENTICON_CONFIG,
useValue: {
lightness: {
color: [0.35, 0.60],
grayscale: [0.35, 0.60],
},
saturation: {
color: 0.50,
grayscale: 0.50,
},
backColor: '#0000',
},
},
],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #17
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 {
}