diff --git a/src/lib/inputs/editable-input/editable-input.component.html b/src/lib/inputs/editable-input/editable-input.component.html
index 179ec30..9a2e06e 100644
--- a/src/lib/inputs/editable-input/editable-input.component.html
+++ b/src/lib/inputs/editable-input/editable-input.component.html
@@ -1,10 +1,10 @@
-<div *ngIf="!editing">
+<div *ngIf="showPreview && !editing">
     {{ value }}
 </div>
 
 <form (submit)="saveValue()" *ngIf="editing">
     <div [class]="'red-input-group ' + class">
-        <input [(ngModel)]="newValue" name="name" />
+        <input [(ngModel)]="newValue" [placeholder]="placeholder" name="name" />
     </div>
 </form>
 
diff --git a/src/lib/inputs/editable-input/editable-input.component.ts b/src/lib/inputs/editable-input/editable-input.component.ts
index f8538a1..2d402ea 100644
--- a/src/lib/inputs/editable-input/editable-input.component.ts
+++ b/src/lib/inputs/editable-input/editable-input.component.ts
@@ -1,18 +1,21 @@
-import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
 import { Required } from '../../utils/decorators/required.decorator';
 import { CircleButtonType } from '../../buttons/circle-button/circle-button.type';
 
 @Component({
     selector: 'iqser-editable-input',
     templateUrl: './editable-input.component.html',
-    styleUrls: ['./editable-input.component.scss']
+    styleUrls: ['./editable-input.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class EditableInputComponent {
     @Input() @Required() value!: string;
     @Input() editTooltip?: string;
     @Input() saveTooltip?: string;
     @Input() cancelTooltip?: string;
+    @Input() placeholder?: string;
     @Input() class?: string;
+    @Input() showPreview = true;
     @Input() buttonsType?: CircleButtonType;
     @Output() save = new EventEmitter<string>();
     newValue = '';