diff --git a/src/demo-app/demo-app-module.ts b/src/demo-app/demo-app-module.ts
index f743a66ad1b..d0a14dfd475 100644
--- a/src/demo-app/demo-app-module.ts
+++ b/src/demo-app/demo-app-module.ts
@@ -26,6 +26,7 @@ import {SlideToggleDemo} from './slide-toggle/slide-toggle-demo';
import {ToolbarDemo} from './toolbar/toolbar-demo';
import {ButtonDemo} from './button/button-demo';
import {MdCheckboxDemoNestedChecklist, CheckboxDemo} from './checkbox/checkbox-demo';
+import {SelectDemo} from './select/select-demo';
import {SliderDemo} from './slider/slider-demo';
import {SidenavDemo} from './sidenav/sidenav-demo';
import {PortalDemo, ScienceJoke} from './portal/portal-demo';
@@ -68,6 +69,7 @@ import {TabsDemo} from './tabs/tab-group-demo';
RippleDemo,
RotiniPanel,
ScienceJoke,
+ SelectDemo,
SidenavDemo,
SliderDemo,
SlideToggleDemo,
diff --git a/src/demo-app/demo-app/demo-app.html b/src/demo-app/demo-app/demo-app.html
index be42f90df9f..ff618689e03 100644
--- a/src/demo-app/demo-app/demo-app.html
+++ b/src/demo-app/demo-app/demo-app.html
@@ -19,6 +19,7 @@
Progress Circle
Radio
Ripple
+ Select
Sidenav
Slider
Slide Toggle
diff --git a/src/demo-app/demo-app/routes.ts b/src/demo-app/demo-app/routes.ts
index 0fcf9160c2f..03dbfd0ec3a 100644
--- a/src/demo-app/demo-app/routes.ts
+++ b/src/demo-app/demo-app/routes.ts
@@ -16,9 +16,10 @@ import {OverlayDemo} from '../overlay/overlay-demo';
import {PortalDemo} from '../portal/portal-demo';
import {ProgressBarDemo} from '../progress-bar/progress-bar-demo';
import {ProgressCircleDemo} from '../progress-circle/progress-circle-demo';
+import {SelectDemo} from '../select/select-demo';
+import {SidenavDemo} from '../sidenav/sidenav-demo';
import {SlideToggleDemo} from '../slide-toggle/slide-toggle-demo';
import {SliderDemo} from '../slider/slider-demo';
-import {SidenavDemo} from '../sidenav/sidenav-demo';
import {RadioDemo} from '../radio/radio-demo';
import {CardDemo} from '../card/card-demo';
import {MenuDemo} from '../menu/menu-demo';
@@ -32,6 +33,7 @@ export const DEMO_APP_ROUTES: Routes = [
{path: 'button', component: ButtonDemo},
{path: 'card', component: CardDemo},
{path: 'radio', component: RadioDemo},
+ {path: 'select', component: SelectDemo},
{path: 'sidenav', component: SidenavDemo},
{path: 'slide-toggle', component: SlideToggleDemo},
{path: 'slider', component: SliderDemo},
diff --git a/src/demo-app/select/select-demo.html b/src/demo-app/select/select-demo.html
new file mode 100644
index 00000000000..211cb48ec00
--- /dev/null
+++ b/src/demo-app/select/select-demo.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/demo-app/select/select-demo.scss b/src/demo-app/select/select-demo.scss
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/demo-app/select/select-demo.ts b/src/demo-app/select/select-demo.ts
new file mode 100644
index 00000000000..9fd1b534d89
--- /dev/null
+++ b/src/demo-app/select/select-demo.ts
@@ -0,0 +1,12 @@
+import {Component} from '@angular/core';
+
+
+@Component({
+ moduleId: module.id,
+ selector: 'select-demo',
+ templateUrl: 'select-demo.html',
+ styleUrls: ['select-demo.css'],
+})
+export class SelectDemo {
+
+}
diff --git a/src/demo-app/system-config.ts b/src/demo-app/system-config.ts
index e55f92e599c..1ad0109145b 100644
--- a/src/demo-app/system-config.ts
+++ b/src/demo-app/system-config.ts
@@ -16,6 +16,7 @@ const components = [
'progress-bar',
'progress-circle',
'radio',
+ 'select',
'sidenav',
'slider',
'slide-toggle',
diff --git a/src/lib/all/all.ts b/src/lib/all/all.ts
index 65c516fe92f..784156e2d7c 100644
--- a/src/lib/all/all.ts
+++ b/src/lib/all/all.ts
@@ -3,6 +3,7 @@ import {MdButtonToggleModule} from '@angular2-material/button-toggle';
import {MdButtonModule} from '@angular2-material/button';
import {MdCheckboxModule} from '@angular2-material/checkbox';
import {MdRadioModule} from '@angular2-material/radio';
+import {MdSelectModule} from '@angular2-material/select';
import {MdSlideToggleModule} from '@angular2-material/slide-toggle';
import {MdSliderModule} from '@angular2-material/slider';
import {MdSidenavModule} from '@angular2-material/sidenav';
@@ -42,6 +43,7 @@ const MATERIAL_MODULES = [
MdProgressCircleModule,
MdRadioModule,
MdRippleModule,
+ MdSelectModule,
MdSidenavModule,
MdSliderModule,
MdSlideToggleModule,
@@ -64,6 +66,7 @@ const MATERIAL_MODULES = [
MdProgressBarModule.forRoot(),
MdProgressCircleModule.forRoot(),
MdRippleModule.forRoot(),
+ MdSelectModule.forRoot(),
MdSidenavModule.forRoot(),
MdTabsModule.forRoot(),
MdToolbarModule.forRoot(),
diff --git a/src/lib/select/index.ts b/src/lib/select/index.ts
new file mode 100644
index 00000000000..9495a665b23
--- /dev/null
+++ b/src/lib/select/index.ts
@@ -0,0 +1,17 @@
+import {NgModule, ModuleWithProviders} from '@angular/core';
+import {MdSelect} from './select';
+export * from './select';
+
+@NgModule({
+ imports: [],
+ exports: [MdSelect],
+ declarations: [MdSelect],
+})
+export class MdSelectModule {
+ static forRoot(): ModuleWithProviders {
+ return {
+ ngModule: MdSelectModule,
+ providers: []
+ };
+ }
+}
diff --git a/src/lib/select/select.html b/src/lib/select/select.html
new file mode 100644
index 00000000000..3c3f1190566
--- /dev/null
+++ b/src/lib/select/select.html
@@ -0,0 +1 @@
+I'm a select!
\ No newline at end of file
diff --git a/src/lib/select/select.scss b/src/lib/select/select.scss
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/lib/select/select.spec.ts b/src/lib/select/select.spec.ts
new file mode 100644
index 00000000000..986b33154f4
--- /dev/null
+++ b/src/lib/select/select.spec.ts
@@ -0,0 +1,23 @@
+import {TestBed, async} from '@angular/core/testing';
+import {Component} from '@angular/core';
+import {MdSelectModule} from './index';
+
+
+describe('MdSelect', () => {
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ imports: [MdSelectModule.forRoot()],
+ declarations: [TestSelect],
+ });
+
+ TestBed.compileComponents();
+ }));
+
+ it('should test', () => {
+ // let fixture = TestBed.createComponent(TestSelect);
+ expect(true).toBeTruthy();
+ });
+});
+
+@Component({selector: 'test-select', template: ``})
+class TestSelect {}
diff --git a/src/lib/select/select.ts b/src/lib/select/select.ts
new file mode 100644
index 00000000000..b38b95e1439
--- /dev/null
+++ b/src/lib/select/select.ts
@@ -0,0 +1,10 @@
+import {Component, ViewEncapsulation} from '@angular/core';
+
+@Component({
+ moduleId: module.id,
+ selector: 'md-select',
+ templateUrl: 'select.html',
+ styleUrls: ['select.css'],
+ encapsulation: ViewEncapsulation.None
+})
+export class MdSelect {}
diff --git a/src/lib/system-config-spec.ts b/src/lib/system-config-spec.ts
index a99944db3f8..0490942f8fd 100644
--- a/src/lib/system-config-spec.ts
+++ b/src/lib/system-config-spec.ts
@@ -16,6 +16,7 @@ const components = [
'progress-bar',
'progress-circle',
'radio',
+ 'select',
'sidenav',
'slider',
'slide-toggle',