diff --git a/src/app/modules/pell/pell.component.html b/src/app/modules/pell/pell.component.html
index 54d099d..0e1bd0b 100644
--- a/src/app/modules/pell/pell.component.html
+++ b/src/app/modules/pell/pell.component.html
@@ -1,6 +1,6 @@
 <div #pell>
   <div [class]="actionBarClass">
-    <button *ngFor="let action of actions" [class]="actionButtonClass" [title]="action.title" 
+    <button *ngFor="let action of actions" [class]="buttonClass" [title]="action.title" 
     (click)="action.result()" [innerHTML]="action.icon">
     </button>
   </div>
diff --git a/src/app/modules/pell/pell.component.ts b/src/app/modules/pell/pell.component.ts
index 2795e0e..405ab4c 100644
--- a/src/app/modules/pell/pell.component.ts
+++ b/src/app/modules/pell/pell.component.ts
@@ -8,10 +8,10 @@ import * as pell from './pell';
   styleUrls: ['./pell.component.css'],
 })
 export class PellComponent implements OnInit {
-  actions = Object.keys(pell.actions).map(action => pell.actions[action]);
-  actionBarClass = 'pell-actionbar';
-  actionButtonClass = 'pell-button';
-  contentClass = 'pell-content';
+  @Input() actions: string[];
+  @Input() actionBarClass = 'pell-actionbar';
+  @Input() buttonClass = 'pell-button';
+  @Input() contentClass = 'pell-content';
 
   @Output()
   onChange = new EventEmitter<string>()