\ No newline at end of file
diff --git a/src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.scss b/src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.scss
new file mode 100644
index 000000000..fbb752506
--- /dev/null
+++ b/src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.scss
@@ -0,0 +1,2 @@
+@import '_vars';
+@import '_mixins';
\ No newline at end of file
diff --git a/src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.ts b/src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.ts
new file mode 100644
index 000000000..9feebc666
--- /dev/null
+++ b/src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.ts
@@ -0,0 +1,24 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Sebastian Stehle. All rights reserved
+ */
+
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+
+import { JsonFieldPropertiesDto } from 'shared';
+
+@Component({
+ selector: 'sqx-json-ui',
+ styleUrls: ['json-ui.component.scss'],
+ templateUrl: 'json-ui.component.html'
+})
+export class JsonUIComponent {
+ @Input()
+ public editForm: FormGroup;
+
+ @Input()
+ public properties: JsonFieldPropertiesDto;
+}
\ No newline at end of file
diff --git a/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.html b/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.html
new file mode 100644
index 000000000..54887deda
--- /dev/null
+++ b/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.html
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.scss b/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.scss
new file mode 100644
index 000000000..f9405a205
--- /dev/null
+++ b/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.scss
@@ -0,0 +1,10 @@
+@import '_vars';
+@import '_mixins';
+
+.form-check-input {
+ margin: 0;
+}
+
+.form-group {
+ margin-top: .5rem;
+}
\ No newline at end of file
diff --git a/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.ts b/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.ts
new file mode 100644
index 000000000..dcdbae808
--- /dev/null
+++ b/src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.ts
@@ -0,0 +1,24 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Sebastian Stehle. All rights reserved
+ */
+
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+
+import { JsonFieldPropertiesDto } from 'shared';
+
+@Component({
+ selector: 'sqx-json-validation',
+ styleUrls: ['json-validation.component.scss'],
+ templateUrl: 'json-validation.component.html'
+})
+export class JsonValidationComponent {
+ @Input()
+ public editForm: FormGroup;
+
+ @Input()
+ public properties: JsonFieldPropertiesDto;
+}
\ No newline at end of file
diff --git a/src/Squidex/app/features/schemas/pages/schema/types/number-ui.component.html b/src/Squidex/app/features/schemas/pages/schema/types/number-ui.component.html
index adbda39ea..ff5fd97ce 100644
--- a/src/Squidex/app/features/schemas/pages/schema/types/number-ui.component.html
+++ b/src/Squidex/app/features/schemas/pages/schema/types/number-ui.component.html
@@ -17,21 +17,21 @@
diff --git a/src/Squidex/app/features/schemas/pages/schema/types/string-ui.component.html b/src/Squidex/app/features/schemas/pages/schema/types/string-ui.component.html
index 9233af64a..72473f3cd 100644
--- a/src/Squidex/app/features/schemas/pages/schema/types/string-ui.component.html
+++ b/src/Squidex/app/features/schemas/pages/schema/types/string-ui.component.html
@@ -17,28 +17,28 @@
-
@@ -920,10 +936,10 @@
-
-
-
+
- icon-type-string
+ icon-type-String