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}} -