1 files changed, 61 insertions, 0 deletions
diff --git a/stories/ng2-component-lab/tag-cloud.component.exp.ts b/stories/ng2-component-lab/tag-cloud.component.exp.ts
new file mode 100644
index 0000000..83ad03c
--- /dev/null
+++ b/stories/ng2-component-lab/tag-cloud.component.exp.ts
@@ -0,0 +1,61 @@
+import { experimentOn } from '@islavi/ng2-component-lab';
+
+export default experimentOn('Tag Cloud').group('Tag Cloud', [
+    {
+        id: 'list',
+        title: 'Simple tag-cloud',
+        description: 'Simple tag-cloud',
+        showSource: true,
+        template: `
+        <sdc-tag-cloud label="Please Enter value"
+                placeholder="Type a value and then click enter or '+'"
+                [list]="['aaa', 'bbb']">
+
+        </sdc-tag-cloud>
+    `
+    },
+    {
+        id: 'unique-tag-cloud',
+        title: 'List with unique validation',
+        description: 'List with unique validation',
+        showSource: true,
+        template: `
+        <sdc-tag-cloud label="Please Enter value"
+                placeholder="Type a value and then click enter or '+'"
+                [list]="['aaa', 'bbb']"
+                [isUniqueList]="true"
+                [uniqueErrorMessage]="'This value is already in the list'">
+
+        </sdc-tag-cloud>
+    `
+    },
+    {
+        id: 'disabled-tag-cloud',
+        title: 'Disabled tag-cloud',
+        description: 'When the parameter isViewOnly = true, the tag-cloud control is disabled',
+        showSource: true,
+        template: `
+        <sdc-tag-cloud label="Please Enter value"
+                placeholder="Type a value and then click enter or '+'"
+                [list]="['aaa', 'bbb']"
+                [isViewOnly]="true">
+
+        </sdc-tag-cloud>
+    `
+    },
+    {
+        id: 'tag-cloud-with-disabled-items',
+        title: 'List with some readonly items',
+        description: 'The parameter isViewOnly can get an array of indexes of tag-cloud items.',
+        showSource: true,
+        template: `
+        <sdc-tag-cloud label="Please Enter value"
+                placeholder="Type a value and then click enter or '+'"
+                [list]="['aaa', 'bbb', 'ccc', 'ddd']"
+                [isViewOnly]="[1,3]">
+
+        </sdc-tag-cloud>
+    `
+    }
+]);
+