mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
build: create material-examples package (#4046)
This commit is contained in:
Paul Gschwendtner
committed by
Jeremy Elbourn
Jeremy Elbourn
parent
3545df7c4f
commit
abd2ac6489
@@ -0,0 +1,236 @@
|
||||
import {NgModule} from '@angular/core';
|
||||
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
|
||||
import {CommonModule} from '@angular/common';
|
||||
import {MaterialModule} from '@angular/material';
|
||||
import {AutocompleteOverviewExample} from './autocomplete-overview/autocomplete-overview-example';
|
||||
import {ButtonOverviewExample} from './button-overview/button-overview-example';
|
||||
import {ButtonTypesExample} from './button-types/button-types-example';
|
||||
import {CheckboxOverviewExample} from './checkbox-overview/checkbox-overview-example';
|
||||
import {SliderConfigurableExample} from './slider-configurable/slider-configurable-example';
|
||||
import {TabsOverviewExample} from './tabs-overview/tabs-overview-example';
|
||||
import {
|
||||
PizzaPartyComponent,
|
||||
SnackBarComponentExample
|
||||
} from './snack-bar-component/snack-bar-component-example';
|
||||
import {
|
||||
ProgressBarConfigurableExample
|
||||
} from './progress-bar-configurable/progress-bar-configurable-example';
|
||||
import {
|
||||
DialogOverviewExampleDialog,
|
||||
DialogOverviewExample
|
||||
} from './dialog-overview/dialog-overview-example';
|
||||
import {RadioNgModelExample} from './radio-ng-model/radio-ng-model-example';
|
||||
import {CardFancyExample} from './card-fancy/card-fancy-example';
|
||||
import {ToolbarOverviewExample} from './toolbar-overview/toolbar-overview-example';
|
||||
import {ToolbarMultirowExample} from './toolbar-multirow/toolbar-multirow-example';
|
||||
import {MenuIconsExample} from './menu-icons/menu-icons-example';
|
||||
import {GridListDynamicExample} from './grid-list-dynamic/grid-list-dynamic-example';
|
||||
import {IconOverviewExample} from './icon-overview/icon-overview-example';
|
||||
import {ProgressBarOverviewExample} from './progress-bar-overview/progress-bar-overview-example';
|
||||
import {SlideToggleOverviewExample} from './slide-toggle-overview/slide-toggle-overview-example';
|
||||
import {InputOverviewExample} from './input-overview/input-overview-example';
|
||||
import {MenuOverviewExample} from './menu-overview/menu-overview-example';
|
||||
import {CheckboxConfigurableExample} from './checkbox-configurable/checkbox-configurable-example';
|
||||
import {
|
||||
ButtonToggleExclusiveExample
|
||||
} from './button-toggle-exclusive/button-toggle-exclusive-example';
|
||||
import {ListSectionsExample} from './list-sections/list-sections-example';
|
||||
import {SnackBarOverviewExample} from './snack-bar-overview/snack-bar-overview-example';
|
||||
import {
|
||||
DialogResultExampleDialog,
|
||||
DialogResultExample
|
||||
} from './dialog-result/dialog-result-example';
|
||||
import {
|
||||
DialogElementsExampleDialog,
|
||||
DialogElementsExample
|
||||
} from './dialog-elements/dialog-elements-example';
|
||||
import {TooltipOverviewExample} from './tooltip-overview/tooltip-overview-example';
|
||||
import {ButtonToggleOverviewExample} from './button-toggle-overview/button-toggle-overview-example';
|
||||
import {GridListOverviewExample} from './grid-list-overview/grid-list-overview-example';
|
||||
import {TooltipPositionExample} from './tooltip-position/tooltip-position-example';
|
||||
import {
|
||||
ProgressSpinnerConfigurableExample
|
||||
} from './progress-spinner-configurable/progress-spinner-configurable-example';
|
||||
import {InputFormExample} from './input-form/input-form-example';
|
||||
import {ListOverviewExample} from './list-overview/list-overview-example';
|
||||
import {SliderOverviewExample} from './slider-overview/slider-overview-example';
|
||||
import {
|
||||
SlideToggleConfigurableExample
|
||||
} from './slide-toggle-configurable/slide-toggle-configurable-example';
|
||||
import {IconSvgExample} from './icon-svg-example/icon-svg-example';
|
||||
import {SidenavFabExample} from './sidenav-fab/sidenav-fab-example';
|
||||
import {CardOverviewExample} from './card-overview/card-overview-example';
|
||||
import {
|
||||
ProgressSpinnerOverviewExample
|
||||
} from './progress-spinner-overview/progress-spinner-overview-example';
|
||||
import {TabsTemplateLabelExample} from './tabs-template-label/tabs-template-label-example';
|
||||
import {RadioOverviewExample} from './radio-overview/radio-overview-example';
|
||||
import {SidenavOverviewExample} from './sidenav-overview/sidenav-overview-example';
|
||||
import {SelectOverviewExample} from './select-overview/select-overview-example';
|
||||
import {ChipsOverviewExample} from './chips-overview/chips-overview-example';
|
||||
import {ChipsStackedExample} from './chips-stacked/chips-stacked-example';
|
||||
import {SelectFormExample} from './select-form/select-form-example';
|
||||
|
||||
|
||||
export interface LiveExample {
|
||||
title: string;
|
||||
component: any;
|
||||
additionalFiles: string[];
|
||||
selectorName: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* The list of example components.
|
||||
* Key is the example name which will be used in `material-docs-example="key"`.
|
||||
* Value is the component.
|
||||
*/
|
||||
export const EXAMPLE_COMPONENTS = {
|
||||
'autocomplete-overview': {title: 'Basic autocomplete', component: AutocompleteOverviewExample},
|
||||
'button-overview': {title: 'Basic buttons', component: ButtonOverviewExample},
|
||||
'button-types': {title: 'Button varieties', component: ButtonTypesExample},
|
||||
'button-toggle-exclusive': {
|
||||
title: 'Exclusive selection',
|
||||
component: ButtonToggleExclusiveExample
|
||||
},
|
||||
'button-toggle-overview': {title: 'Basic button-toggles', component: ButtonToggleOverviewExample},
|
||||
'chips-overview': {title: 'Basic chips', component: ChipsOverviewExample},
|
||||
'chips-stacked': {title: 'Stacked chips', component: ChipsStackedExample},
|
||||
'card-fancy': {title: 'Card with multiple sections', component: CardFancyExample},
|
||||
'card-overview': {title: 'Basic cards', component: CardOverviewExample},
|
||||
'checkbox-configurable': {title: 'Configurable checkbox', component: CheckboxConfigurableExample},
|
||||
'checkbox-overview': {title: 'Basic checkboxes', component: CheckboxOverviewExample},
|
||||
'dialog-overview': {
|
||||
title: 'Basic dialog',
|
||||
component: DialogOverviewExample,
|
||||
additionalFiles: ['dialog-overview-example-dialog.html'],
|
||||
selectorName: 'DialogOverviewExample, DialogOverviewExampleDialog',
|
||||
},
|
||||
'dialog-result': {
|
||||
title: 'Dialog with a result',
|
||||
component: DialogResultExample,
|
||||
additionalFiles: ['dialog-result-example-dialog.html'],
|
||||
selectorName: 'DialogResultExample, DialogResultExampleDialog',
|
||||
},
|
||||
'dialog-elements': {
|
||||
title: 'Dialog elements',
|
||||
component: DialogElementsExample,
|
||||
additionalFiles: ['dialog-elements-example-dialog.html'],
|
||||
selectorName: 'DialogElementsExample, DialogElementsExampleDialog',
|
||||
},
|
||||
'grid-list-dynamic': {title: 'Dynamic grid-list', component: GridListDynamicExample},
|
||||
'grid-list-overview': {title: 'Basic grid-list', component: GridListOverviewExample},
|
||||
'icon-overview': {title: 'Basic icons', component: IconOverviewExample},
|
||||
'icon-svg': {title: 'SVG icons', component: IconSvgExample},
|
||||
'input-form': {title: 'Inputs in a form', component: InputFormExample},
|
||||
'input-overview': {title: 'Basic inputs', component: InputOverviewExample},
|
||||
'list-overview': {title: 'Basic list', component: ListOverviewExample},
|
||||
'list-sections': {title: 'List with sections', component: ListSectionsExample},
|
||||
'menu-icons': {title: 'Menu with icons', component: MenuIconsExample},
|
||||
'menu-overview': {title: 'Basic menu', component: MenuOverviewExample},
|
||||
'progress-bar-configurable': {
|
||||
title: 'Configurable progress-bar',
|
||||
component: ProgressBarConfigurableExample
|
||||
},
|
||||
'progress-bar-overview': {title: 'Basic progress-bar', component: ProgressBarOverviewExample},
|
||||
'progress-spinner-configurable': {
|
||||
title: 'Configurable progress-bar',
|
||||
component: ProgressSpinnerConfigurableExample
|
||||
},
|
||||
'progress-spinner-overview': {
|
||||
title: 'Basic progress-spinner',
|
||||
component: ProgressSpinnerOverviewExample
|
||||
},
|
||||
'radio-ng-model': {title: 'Radios with ngModel', component: RadioNgModelExample},
|
||||
'radio-overview': {title: 'Basic radios', component: RadioOverviewExample},
|
||||
'select-overview': {title: 'Basic select', component: SelectOverviewExample},
|
||||
'select-form': {title: 'Select in a form', component: SelectFormExample},
|
||||
'sidenav-fab': {title: 'Sidenav with a FAB', component: SidenavFabExample},
|
||||
'sidenav-overview': {title: 'Basic sidenav', component: SidenavOverviewExample},
|
||||
'slider-configurable': {title: 'Configurable slider', component: SliderConfigurableExample},
|
||||
'slider-overview': {title: 'Basic slider', component: SliderOverviewExample},
|
||||
'slide-toggle-configurable': {
|
||||
title: 'Configurable slide-toggle',
|
||||
component: SlideToggleConfigurableExample
|
||||
},
|
||||
'slide-toggle-overview': {title: 'Basic slide-toggles', component: SlideToggleOverviewExample},
|
||||
'snack-bar-component': {
|
||||
title: 'Snack-bar with a custom component',
|
||||
component: SnackBarComponentExample
|
||||
},
|
||||
'snack-bar-overview': {title: 'Basic snack-bar', component: SnackBarOverviewExample},
|
||||
'tabs-overview': {title: 'Basic tabs', component: TabsOverviewExample},
|
||||
'tabs-template-label': {title: 'Coming soon!', component: TabsTemplateLabelExample},
|
||||
'toolbar-multirow': {title: 'Multi-row toolbar', component: ToolbarMultirowExample},
|
||||
'toolbar-overview': {title: 'basic toolbar', component: ToolbarOverviewExample},
|
||||
'tooltip-overview': {title: 'Basic tooltip', component: TooltipOverviewExample},
|
||||
'tooltip-position': {title: 'Tooltip with custom position', component: TooltipPositionExample},
|
||||
};
|
||||
|
||||
/**
|
||||
* The list of all example components.
|
||||
* We need to put them in both `declarations` and `entryComponents` to make them work.
|
||||
*/
|
||||
export const EXAMPLE_LIST = [
|
||||
AutocompleteOverviewExample,
|
||||
ButtonOverviewExample,
|
||||
ButtonToggleExclusiveExample,
|
||||
ButtonToggleOverviewExample,
|
||||
ButtonTypesExample,
|
||||
CardFancyExample,
|
||||
CardOverviewExample,
|
||||
ChipsOverviewExample,
|
||||
ChipsStackedExample,
|
||||
CheckboxConfigurableExample,
|
||||
CheckboxOverviewExample,
|
||||
DialogOverviewExample,
|
||||
DialogOverviewExampleDialog,
|
||||
DialogResultExample,
|
||||
DialogResultExampleDialog,
|
||||
DialogElementsExample,
|
||||
DialogElementsExampleDialog,
|
||||
GridListDynamicExample,
|
||||
GridListOverviewExample,
|
||||
IconOverviewExample,
|
||||
IconSvgExample,
|
||||
InputFormExample,
|
||||
InputOverviewExample,
|
||||
ListOverviewExample,
|
||||
ListSectionsExample,
|
||||
MenuIconsExample,
|
||||
MenuOverviewExample,
|
||||
ProgressBarConfigurableExample,
|
||||
ProgressBarOverviewExample,
|
||||
ProgressSpinnerConfigurableExample,
|
||||
ProgressSpinnerOverviewExample,
|
||||
RadioNgModelExample,
|
||||
RadioOverviewExample,
|
||||
SidenavFabExample,
|
||||
SelectOverviewExample,
|
||||
SelectFormExample,
|
||||
SidenavOverviewExample,
|
||||
SliderConfigurableExample,
|
||||
SliderOverviewExample,
|
||||
SlideToggleConfigurableExample,
|
||||
SlideToggleOverviewExample,
|
||||
SnackBarComponentExample,
|
||||
PizzaPartyComponent,
|
||||
SnackBarOverviewExample,
|
||||
TabsOverviewExample,
|
||||
TabsTemplateLabelExample,
|
||||
ToolbarMultirowExample,
|
||||
ToolbarOverviewExample,
|
||||
TooltipOverviewExample,
|
||||
TooltipPositionExample,
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
declarations: EXAMPLE_LIST,
|
||||
entryComponents: EXAMPLE_LIST,
|
||||
imports: [
|
||||
MaterialModule,
|
||||
FormsModule,
|
||||
ReactiveFormsModule,
|
||||
CommonModule,
|
||||
]
|
||||
})
|
||||
export class ExampleModule { }
|
||||
Reference in New Issue
Block a user