diff --git a/app/src/components/denomination/denomination.html b/app/src/components/denomination/denomination.html
index 90d41b6..f1a00fe 100644
--- a/app/src/components/denomination/denomination.html
+++ b/app/src/components/denomination/denomination.html
@@ -1,4 +1,10 @@
-<!-- Generated template for the DenominationComponent component -->
-<div>
-  {{text}}
-</div>
+<ion-list radio-group [(ngModel)]="currency.currencySymbol">
+  <ion-list-header>
+    Units
+  </ion-list-header>
+
+  <ion-item *ngFor="let unit of units">
+    <ion-label color="dark">{{ unit }}</ion-label>
+    <ion-radio value="{{ unit }}" (click)="close()"></ion-radio>
+  </ion-item>
+</ion-list>
diff --git a/app/src/components/denomination/denomination.ts b/app/src/components/denomination/denomination.ts
index 62a8fcd..4c80974 100644
--- a/app/src/components/denomination/denomination.ts
+++ b/app/src/components/denomination/denomination.ts
@@ -1,11 +1,7 @@
 import { Component } from '@angular/core';
+import { CurrencyProvider } from '../../providers/currency/currency';
+import { ViewController } from 'ionic-angular';
 
-/**
- * Generated class for the DenominationComponent component.
- *
- * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
- * for more info on Angular Components.
- */
 @Component({
   selector: 'denomination',
   templateUrl: 'denomination.html'
@@ -13,10 +9,24 @@ import { Component } from '@angular/core';
 export class DenominationComponent {
 
   public text: string;
+  public units: any = [];
 
-  constructor() {
-    console.log('Hello DenominationComponent Component');
+  constructor(
+    public currency: CurrencyProvider,
+    public viewCtrl: ViewController
+  ) {
     this.text = 'Hello World';
+    this.units = [
+      'USD',
+      this.currency.defaultCurrency,
+      'm' + this.currency.defaultCurrency,
+      'bits'
+    ];
+  }
+
+  public close(): void {
+    console.log('hey, closing');
+    this.viewCtrl.dismiss();
   }
 
 }