diff --git a/ionic/components/app/test/sink/index.ts b/ionic/components/app/test/sink/index.ts
index da3c5bffe9..686a69640c 100644
--- a/ionic/components/app/test/sink/index.ts
+++ b/ionic/components/app/test/sink/index.ts
@@ -5,6 +5,7 @@ import {IonicApp, IonicView, Register} from 'ionic/ionic';
import {ButtonPage} from './pages/button'
import {NavPage} from './pages/nav'
import {ListPage} from './pages/list'
+import {ListGroupPage} from './pages/list-group'
import {CardPage} from './pages/card'
import {FormPage} from './pages/form'
import {SegmentPage} from './pages/segment'
@@ -34,6 +35,7 @@ class MyApp {
{ title: 'Navigation', component: NavPage },
{ title: 'Buttons', component: ButtonPage },
{ title: 'Lists', component: ListPage },
+ { title: 'List Groups', component: ListGroupPage },
{ title: 'Cards', component: CardPage },
{ title: 'Forms', component: FormPage },
{ title: 'Segments', component: SegmentPage },
diff --git a/ionic/components/app/test/sink/pages/action-menu.ts b/ionic/components/app/test/sink/pages/action-menu.ts
index a00fff12f3..2ccec4691a 100644
--- a/ionic/components/app/test/sink/pages/action-menu.ts
+++ b/ionic/components/app/test/sink/pages/action-menu.ts
@@ -40,7 +40,7 @@ export class ActionMenuPage extends SinkPage {
this.actionMenu.open({
buttons: [
- { text: 'Share This' },
+ { text: 'Share This' },
{ text: 'Move' }
],
destructiveText: 'Delete',
diff --git a/ionic/components/app/test/sink/pages/list-group.ts b/ionic/components/app/test/sink/pages/list-group.ts
new file mode 100644
index 0000000000..e7fd0b4173
--- /dev/null
+++ b/ionic/components/app/test/sink/pages/list-group.ts
@@ -0,0 +1,51 @@
+import {NgFor, Component, Directive, View} from 'angular2/angular2';
+
+import {IonicApp, List, Item, ItemGroup, ItemGroupTitle, ActionMenu, Modal, ModalRef,
+ NavbarTemplate, Navbar, NavController, Content} from 'ionic/ionic';
+
+import {SinkPage} from '../sink-page';
+
+@Component({
+ selector: 'ion-view'
+})
+@View({
+ template: `
+ List Groups
+
+
+
+
+ {{group.title}}
+
+ {{item.title}}
+
+
+
+
+
+ `,
+ directives: [NavbarTemplate, Navbar, Content, List, Item, ItemGroup, ItemGroupTitle, NgFor]
+})
+export class ListGroupPage extends SinkPage {
+ constructor(app: IonicApp) {
+ super(app)
+
+ this.groups = [];
+
+ var letters = "abcdefghijklmnopqrstuvwxyz".split('');
+
+ for(let i = 0; i < letters.length; i++) {
+ let group = [];
+ for(let j = 0; j < 10; j++) {
+ group.push({
+ title: letters[i] + j
+ });
+ }
+ this.groups.push({
+ title: letters[i].toUpperCase(),
+ items: group
+ });
+ }
+
+ }
+}