diff --git a/src/app/components/components/chips/chips.component.html b/src/app/components/components/chips/chips.component.html
index 0cdc316b4f..bb7921db8c 100644
--- a/src/app/components/components/chips/chips.component.html
+++ b/src/app/components/components/chips/chips.component.html
@@ -7,7 +7,7 @@
Demo
Type and select a preset option:
-
+
@@ -16,7 +16,7 @@
HTML:
+
]]>
Typescript:
@@ -53,6 +53,7 @@
+
@@ -160,7 +161,7 @@ Example:
HTML:
+
]]>
diff --git a/src/app/components/components/chips/chips.component.ts b/src/app/components/components/chips/chips.component.ts
index d663876b04..0c1b2f9513 100644
--- a/src/app/components/components/chips/chips.component.ts
+++ b/src/app/components/components/chips/chips.component.ts
@@ -40,9 +40,14 @@ export class ChipsDemoComponent {
Sends chip value as event.`,
name: 'remove?',
type: 'function',
+ }, {
+ description: `Disables the ability to add chips. If it doesn't exist chipAddition defaults to true.`,
+ name: 'chipAddition?',
+ type: 'boolean',
}];
readOnly: boolean = false;
+ chipAddition: boolean = true;
items: string[] = [
'stepper',
@@ -63,5 +68,8 @@ export class ChipsDemoComponent {
toggleReadOnly(): void {
this.readOnly = !this.readOnly;
}
+ toggleChipAddition(): void {
+ this.chipAddition = !this.chipAddition;
+ }
}
diff --git a/src/platform/core/chips/chips.component.html b/src/platform/core/chips/chips.component.html
index 9e7753ea11..5cbd043a36 100644
--- a/src/platform/core/chips/chips.component.html
+++ b/src/platform/core/chips/chips.component.html
@@ -9,27 +9,29 @@
-
-
-
+
+
+
+
+
- {{item}}
+ {{item}}
-