@angular/material/divider#MatDividerModule TypeScript Examples
The following examples show how to use
@angular/material/divider#MatDividerModule.
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: _module.stories.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License | 6 votes |
storiesOf(`${COMPONENT_SECTION_NAME}/Drawer`, module)
.addDecorator(
moduleMetadata({
imports: [
MatToolbarModule,
DrawerModule,
UtilModule,
MatFormFieldModule,
MatDividerModule,
MatInputModule,
MatButtonModule,
MatIconModule,
BrowserAnimationsModule,
],
})
)
.addDecorator(withKnobs)
// @accessibility
.addDecorator(withA11y)
.addDecorator(storyWrapper())
.addParameters({ ...STORY_PARAMS, notes: { markdown: getReadMe('Drawer.md') } })
.add('within a Drawer Layout', withinDrawerLayout)
.add('within a Drawer Layout as rail', withinDrawerLayoutRail);
Example #2
Source File: textarea.module.ts From ASW-Form-Builder with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatDialogModule,
MatSlideToggleModule,
MatTooltipModule,
MatDividerModule,
MatIconModule,
AswConfirmDialogModule
],
declarations: [
AswTextarea,
AswTextareaDialog
],
exports: [
AswTextarea,
AswTextareaDialog
]
})
export class AswTextareaModule { }
Example #3
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 #4
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 #5
Source File: shared.module.ts From angular-communities with MIT License | 6 votes |
MATERIAL_MODULES = [ MatInputModule, MatButtonModule, MatFormFieldModule, MatSelectModule, MatIconModule, MatCardModule, MatToolbarModule, MatProgressSpinnerModule, MatSnackBarModule, MatPaginatorModule, MatGridListModule, MatSidenavModule, MatAutocompleteModule, MatDividerModule, ScrollingModule, MatChipsModule, ClipboardModule ]
Example #6
Source File: drawer-nav-item.module.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License | 6 votes |
@NgModule({
declarations: [DrawerNavItemComponent],
imports: [
MatTooltipModule,
CommonModule,
InfoListItemModule,
MatIconModule,
MatDividerModule,
MatRippleModule,
MatExpansionModule,
],
exports: [DrawerNavItemComponent],
})
export class DrawerNavItemModule {}
Example #7
Source File: app.module.ts From responsive-toolbar with MIT License | 6 votes |
@NgModule({
declarations: [
AppComponent,
ResponsiveToolbarComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
MatToolbarModule,
FlexLayoutModule,
MatMenuModule,
MatButtonModule,
MatIconModule,
MatDividerModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #8
Source File: tf_data_bottleneck_analysis_module.ts From profiler with Apache License 2.0 | 6 votes |
/** A tf data stats module. */
@NgModule({
declarations: [TfDataBottleneckAnalysis],
imports: [
CategoryFilterModule,
OrgChartModule,
TableModule,
MatDividerModule,
CommonModule,
],
exports: [TfDataBottleneckAnalysis],
})
export class TfDataBottleneckAnalysisModule {
}
Example #9
Source File: _module.stories.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License | 6 votes |
storiesOf(`${COMPONENT_SECTION_NAME}/Drawer`, module)
.addDecorator(
moduleMetadata({
imports: [
DrawerModule,
ListItemTagModule,
UtilModule,
MatFormFieldModule,
MatDividerModule,
MatInputModule,
MatButtonModule,
MatIconModule,
MatCardModule,
BrowserAnimationsModule,
],
})
)
.addDecorator(withKnobs)
// @accessibility
.addDecorator(withA11y)
.addDecorator(storyWrapper())
.addDecorator(drawerWrapper())
.addParameters({ ...STORY_PARAMS, notes: { markdown: getReadMe('Drawer.md') } })
.add(README_STORY_NAME, getReadMeStory)
.add(WITH_MIN_PROPS_STORY_NAME, withBasicConfig)
.add('with custom header', withCustomHeader)
.add('with subheader', withSubheader)
.add('with multiple nav groups', withMultiNavGroups)
.add('with nested nav items', withNestedNavItems)
.add('with a footer', withFooter)
.add('with a nav rail', withNavRail)
.add('with full config', withFullConfig);
Example #10
Source File: textbox.module.ts From ASW-Form-Builder with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatDialogModule,
MatSlideToggleModule,
MatTooltipModule,
MatDividerModule,
MatIconModule,
AswConfirmDialogModule
],
declarations: [
AswTextbox,
AswTextboxDialog
],
exports: [
AswTextbox,
AswTextboxDialog
]
})
export class AswTextboxModule { }
Example #11
Source File: _module.stories.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License | 6 votes |
storiesOf(`${COMPONENT_SECTION_NAME}/Mobile Stepper`, module)
.addDecorator(
moduleMetadata({
imports: [MatIconModule, MobileStepperModule, MatButtonModule, MatDividerModule, MatIconModule, UtilModule],
})
)
.addDecorator(withKnobs)
// @accessibility
.addDecorator(withA11y)
.addDecorator(storyWrapper())
.addDecorator(mobileStepperWrapper())
.addParameters({
...STORY_PARAMS,
notes: { markdown: getReadMe('MobileStepper.md') },
})
.add(README_STORY_NAME, getReadMeStory)
.add(WITH_MIN_PROPS_STORY_NAME, withBasicConfig)
.add('with full config', withFullConfig);
Example #12
Source File: kernel_stats_module.ts From profiler with Apache License 2.0 | 6 votes |
/** A kernel stats module. */
@NgModule({
declarations: [KernelStats],
imports: [
MatDividerModule,
ExportAsCsvModule,
KernelStatsTableModule,
],
exports: [KernelStats]
})
export class KernelStatsModule {
}
Example #13
Source File: overview.module.ts From models-web-app with Apache License 2.0 | 6 votes |
@NgModule({
declarations: [OverviewComponent, ComponentOverviewComponent],
imports: [
CommonModule,
MatDividerModule,
MatTooltipModule,
MatIconModule,
KubeflowModule,
DetailsListModule,
ConditionsTableModule,
HeadingSubheadingRowModule,
],
exports: [OverviewComponent],
})
export class OverviewModule {}
Example #14
Source File: users.module.ts From muino-time-management with GNU General Public License v3.0 | 6 votes |
@NgModule({
declarations: [UsersComponent, UserIdComponent],
providers: [UsersService],
imports: [
FormsModule,
ReactiveFormsModule,
UsersRoutingModule,
BsDropdownModule,
ButtonsModule.forRoot(),
CommonModule,
DataTablesModule,
MatAutocompleteModule,
MatDividerModule,
MatButtonModule,
MatFormFieldModule,
MatRippleModule,
MatInputModule,
MatCheckboxModule,
MatSelectModule
]
})
export class UsersModule { }
Example #15
Source File: checkbox.module.ts From ASW-Form-Builder with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatDialogModule,
MatSlideToggleModule,
MatDividerModule,
MatCheckboxModule,
MatIconModule,
MatTooltipModule,
AswConfirmDialogModule
],
declarations: [
AswCheckbox,
AswCheckboxDialog
],
exports: [
AswCheckbox,
AswCheckboxDialog
]
})
export class AswCheckboxModule { }
Example #16
Source File: navbar.component.spec.ts From TheHungryRecipesApp with GNU General Public License v3.0 | 6 votes |
describe('NavbarComponent', () => {
let component: NavbarComponent;
let fixture: ComponentFixture<NavbarComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
MatMenuModule,
MatDividerModule,
MatIconModule,
MatToolbarModule
],
declarations: [ NavbarComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(NavbarComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
Example #17
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 #18
Source File: alert-list.module.ts From VIR with MIT License | 6 votes |
@NgModule({
declarations: [AlertListComponent],
imports: [
CommonModule,
MatTreeModule,
MatIconModule,
MatButtonModule,
MatDialogModule,
ItemDetailsModule,
ItemModule,
MatTooltipModule,
MatInputModule,
MatSlideToggleModule,
MatDividerModule,
FormsModule,
DragDropModule,
ScrollingModule,
MatButtonToggleModule,
QuotaRuleModule,
QuotaRuleDetailsModule,
MatMenuModule,
],
exports: [
AlertListComponent,
],
})
export class AlertListModule {
}
Example #19
Source File: app.component.spec.ts From TheHungryRecipesApp with GNU General Public License v3.0 | 6 votes |
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
HttpClientTestingModule,
RouterTestingModule,
MatToolbarModule,
MatIconModule,
MatMenuModule,
MatDividerModule,
MatButtonModule
],
declarations: [
AppComponent,
NavbarComponent
],
}).compileComponents();
}));
it('should create the app', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
});
it(`should have as title and brand name 'The Hungry Recipes'`, () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const app = fixture.debugElement.componentInstance;
const compiled = fixture.debugElement.nativeElement;
expect(app.title).toEqual('The Hungry Recipes');
expect(compiled.querySelector('a.brand').textContent).toEqual(app.title);
});
});
Example #20
Source File: autocomplete.module.ts From ASW-Form-Builder with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatDialogModule,
MatSlideToggleModule,
MatDividerModule,
MatTooltipModule,
MatRadioModule,
MatIconModule,
MatAutocompleteModule,
AswConfirmDialogModule,
],
declarations: [
AswAutocomplete,
AswAutocompleteDialog
],
exports: [
AswAutocomplete,
AswAutocompleteDialog
]
})
export class AswAutocompleteModule { }
Example #21
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 #22
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 #23
Source File: dyn-forms-material.module.ts From open-source with MIT License | 5 votes |
@NgModule({
imports: [
CommonModule,
ReactiveFormsModule,
MatButtonModule,
MatCardModule,
MatCheckboxModule,
MatDatepickerModule,
MatDialogModule,
MatDividerModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
MatRadioModule,
MatSelectModule,
DynFormsModule,
],
declarations: [
DynMatArrayComponent,
DynMatCardComponent,
DynMatCheckboxComponent,
DynMatContainerComponent,
DynMatDatepickerComponent,
DynMatDividerComponent,
DynMatInputComponent,
DynMatMulticheckboxComponent,
DynMatRadioComponent,
DynMatSelectComponent,
],
// FIXME added for Stackblitz
entryComponents: [
DynMatArrayComponent,
DynMatCardComponent,
DynMatCheckboxComponent,
DynMatContainerComponent,
DynMatDatepickerComponent,
DynMatDividerComponent,
DynMatInputComponent,
DynMatMulticheckboxComponent,
DynMatRadioComponent,
DynMatSelectComponent,
],
exports: [
// reduce the boilerplate
DynFormsModule,
MatDialogModule,
]
})
export class DynFormsMaterialModule {
static forFeature(): ModuleWithProviders<DynFormsMaterialModule> {
return {
ngModule: DynFormsMaterialModule,
providers: PROVIDERS,
};
}
}
Example #24
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 #25
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 #26
Source File: info-list-item.module.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License | 5 votes |
@NgModule({
declarations: [InfoListItemComponent],
imports: [SpacerModule, MatIconModule, CommonModule, MatListModule, MatDividerModule],
exports: [InfoListItemComponent, MatIconModule, MatListModule, SpacerModule, MatDividerModule],
})
export class InfoListItemModule {}
Example #27
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 #28
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 #29
Source File: drawer-nav-group.module.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License | 5 votes |
@NgModule({
declarations: [DrawerNavGroupComponent],
imports: [CommonModule, MatDividerModule, MatListModule],
exports: [DrawerNavGroupComponent],
})
export class DrawerNavGroupModule {}