diff --git a/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/040.phonenumber.md b/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/040.phonenumber.md
index e16ec6b2e6..188ac6e3b3 100644
--- a/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/040.phonenumber.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/040.phonenumber.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 5. [**Optional**] Set default value for the field.
 6. Click on `Save Column` button.
 
-![image](/img/v2/fields/phone-number.png)
+![image](/img/v2/fields/phone.png)
 
 :::note
 - Specify default value without quotes.
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.number.md b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/010.number.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.number.md
rename to packages/noco-docs/docs/060.fields/030.field-types/020.numerical/010.number.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/040.decimal.md b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/020.decimal.md
similarity index 78%
rename from packages/noco-docs/docs/060.fields/030.field-types/020.numerical/040.decimal.md
rename to packages/noco-docs/docs/060.fields/030.field-types/020.numerical/020.decimal.md
index bc072200b2..3f260571b8 100644
--- a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/040.decimal.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/020.decimal.md
@@ -4,6 +4,8 @@ title: 'Decimal'
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
+`Decimal` field type is used to store decimal values. Use cases include storing `salary`, `price`, etc. NocoDB supports precision of upto 8 digits.
+
 ## Create field
 1. Click on `+` icon to the right of `Fields header`
 2. [**Optional**] On the dropdown modal, enter the field name.
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/050.percent.md b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.percent.md
similarity index 72%
rename from packages/noco-docs/docs/060.fields/030.field-types/020.numerical/050.percent.md
rename to packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.percent.md
index 0af51afe4c..25d1ddcb74 100644
--- a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/050.percent.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.percent.md
@@ -4,6 +4,8 @@ title: 'Percent'
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
+`Percent` field type is used to store percentage values. Use cases include storing `discount`, `tax`, etc.
+
 ## Create field
 1. Click on `+` icon to the right of `Fields header`
 2. [**Optional**] On the dropdown modal, enter the field name.
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/010.single-select.md b/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/010.single-select.md
new file mode 100644
index 0000000000..10988d8d45
--- /dev/null
+++ b/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/010.single-select.md
@@ -0,0 +1,47 @@
+---
+title: 'Single Select'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+`Single select` fields allow you to select a single option from a list of options. The options can be defined in the field configuration.
+
+## Create field
+1. Click on `+` icon to the right of `Fields header`
+2. [**Optional**] On the dropdown modal, enter the field name.
+3. Select the field type as `SingleSelect` from the dropdown.
+4. Click on `Add option` button to add options.
+5. [**Optional**] Set default value for the field. The options are populated in the dropdown.
+6. Click on `Save Column` button.
+
+![image](/img/v2/fields/single-select.png)
+
+## Edit options
+
+### Rename options
+You can rename options by clicking on the associated option text box. Click on `Save Column` button to save the changes.
+
+### Re-configure color for options
+You can re-configure background color for each option. This is useful when you want to highlight certain options. For example, you can configure `High` option to have `red` background color.
+To configure, click on the `color` icon next to the option. Select the color from the color picker and click on `Save Column` button.
+
+![image](/img/v2/fields/single-select-color.png)
+
+### Re-order options
+You can re-order options by dragging and dropping the options. To re-order, click on the `drag` icon next to the option and drag it to the desired position. Click on `Save Column` button to save the order.
+
+![image](/img/v2/fields/single-select-reorder.png)
+
+:::info
+The order defined for the options will be used in cells dropdown as well.
+:::
+
+### Delete options
+You can delete options by clicking on the `x` icon next to the option. You can undo the delete by clicking on the `undo` icon next to the option. Click on `Save Column` button to save the changes.
+
+:::info
+- On removing an option, the option value will be removed from all the cells.   
+- If the option value is set as default value for the field, then the default value will be removed.
+:::
+
+![image](/img/v2/fields/single-select-delete.png)
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/020.multi-select.md b/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/020.multi-select.md
new file mode 100644
index 0000000000..1846f402d6
--- /dev/null
+++ b/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/020.multi-select.md
@@ -0,0 +1,47 @@
+---
+title: 'Multi Select'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+`Multi Select` fields allow you to select multiple options from a list of options. The options can be defined in the field configuration.
+
+## Create field
+1. Click on `+` icon to the right of `Fields header`
+2. [**Optional**] On the dropdown modal, enter the field name.
+3. Select the field type as `MultiSelect` from the dropdown.
+4. Click on `Add option` button to add options.
+5. [**Optional**] Set default value for the field. The options are populated in the dropdown. Since its multi select, you can select multiple options as default value.
+6. Click on `Save Column` button.
+
+![image](/img/v2/fields/multi-select.png)
+
+
+### Configure color for options
+You can re-configure background color for each option. This is useful when you want to highlight certain options. For example, you can configure `High` option to have `red` background color.
+To configure, click on the `color` icon next to the option. Select the color from the color picker and click on `Save Column` button.
+
+![image](/img/v2/fields/single-select-color.png)
+
+### Re-order options
+You can re-order options by dragging and dropping the options. To re-order, click on the `drag` icon next to the option and drag it to the desired position. Click on `Save Column` button to save the order.
+
+![image](/img/v2/fields/single-select-reorder.png)
+
+:::info
+The order defined for the options will be used in cells dropdown as well.
+:::
+
+### Edit options
+You can rename options by clicking on the associated option text box. Click on `Save Column` button to save the changes.
+
+### Delete options
+You can delete options by clicking on the `x` icon next to the option. You can undo the delete by clicking on the `undo` icon next to the option. Click on `Save Column` button to save the changes.
+
+:::info
+- On removing an option, the option value will be removed from all the cells.
+- If the option value is set as default value for the field, then the default value will be removed.
+:::
+
+![image](/img/v2/fields/single-select-delete.png)
+
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/090.single-select.md b/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/090.single-select.md
deleted file mode 100644
index 284abe3506..0000000000
--- a/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/090.single-select.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: 'Single Select'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/100.multi-select.md b/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/100.multi-select.md
deleted file mode 100644
index 7fa2a4637a..0000000000
--- a/packages/noco-docs/docs/060.fields/030.field-types/030.select-based/100.multi-select.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: 'Multi Select'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/010.links.md b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/010.links.md
new file mode 100644
index 0000000000..cb371d78a6
--- /dev/null
+++ b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/010.links.md
@@ -0,0 +1,34 @@
+---
+title: 'Links'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+`Links` field type is used to establish relationship between tables & create links to other records. 
+NocoDB supports following types of relations:
+- `Has-Many` - A record in one table can have multiple records in another table. 
+  - Example: A `Country` can have multiple `Cities`.
+- `Belongs-to` - Multiple records in one table can have a single record in another table. 
+  - Example: A `City` `Belongs-to` a `Country`.
+- `Many-to-Many` - Multiple records in one table can have multiple records in another table. 
+  - Example: A `Student` can have multiple `Subjects` & a `Subject` can have multiple `Students`. 
+
+:::note
+- Links can be created only between tables in the same database.
+- Self-referencing links are supported. (Link to the same table)
+- For every `Has-Many` relation defined, NocoDB augments `Belongs-to` relationship column in the adjacent table automatically
+:::
+
+## Create field
+1. Click on `+` icon to the right of `Fields header`
+2. [**Optional**] On the dropdown modal, enter the field name.
+3. Select the field type as `Links` from the dropdown.
+4. Select the relation type : Either `Has-Many` or `Many-to-Many`.
+5. Select the table to which the relation is to be established.
+6. [**Optional**] Configure label to be used for display in the cell.
+7. Click on `Save Column` button.
+
+![image](/img/v2/fields/links.png)
+
+### Cell display
+The cell will display number of links for a record to the related table. Clicking on the link-text will open a `Linked Records` modal with the list of links & associated additional information.
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/020.lookup.md b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/020.lookup.md
new file mode 100644
index 0000000000..6cb4fae9d0
--- /dev/null
+++ b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/020.lookup.md
@@ -0,0 +1,7 @@
+---
+title: 'LookUp'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+![image](/img/v2/fields/lookup.png)
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/030.rollup.md b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/030.rollup.md
new file mode 100644
index 0000000000..a73a509204
--- /dev/null
+++ b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/030.rollup.md
@@ -0,0 +1,7 @@
+---
+title: 'Rollup'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+![image](/img/v2/fields/rollup.png)
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/200.links.md b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/200.links.md
deleted file mode 100644
index 2ea7a69c47..0000000000
--- a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/200.links.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: 'Links'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/210.lookup.md b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/210.lookup.md
deleted file mode 100644
index 8b8555b1e9..0000000000
--- a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/210.lookup.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: 'LookUp'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/220.rollup.md b/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/220.rollup.md
deleted file mode 100644
index ef017fde39..0000000000
--- a/packages/noco-docs/docs/060.fields/030.field-types/040.links-based/220.rollup.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: 'Rollup'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/060.attachment.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/010.attachment.md
similarity index 60%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/060.attachment.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/010.attachment.md
index eb28703e54..385e1591f1 100644
--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/060.attachment.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/010.attachment.md
@@ -2,4 +2,5 @@
 title: 'Attachment'
 ---
 import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
+import TabItem from '@theme/TabItem';
+
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/070.checkbox.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/020.checkbox.md
similarity index 59%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/070.checkbox.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/020.checkbox.md
index 2c1bf6b547..75b5914010 100644
--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/070.checkbox.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/020.checkbox.md
@@ -2,4 +2,6 @@
 title: 'Checkbox'
 ---
 import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
+import TabItem from '@theme/TabItem';
+
+!
\ No newline at end of file
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/080.rating.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/030.rating.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/080.rating.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/030.rating.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/300.QR-code.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/040.QR-code.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/300.QR-code.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/040.QR-code.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/310.barcode.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/050.barcode.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/310.barcode.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/050.barcode.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/320.geometry.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/060.geometry.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/320.geometry.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/060.geometry.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/330.specific-db-type.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/070.specific-db-type.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/330.specific-db-type.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/070.specific-db-type.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/340.json.md b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/080.json.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/340.json.md
rename to packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/080.json.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/060.formula/170.formula.md b/packages/noco-docs/docs/060.fields/030.field-types/060.formula/010.formula.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/060.formula/170.formula.md
rename to packages/noco-docs/docs/060.fields/030.field-types/060.formula/010.formula.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/110.date-time.md b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/010.date-time.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/110.date-time.md
rename to packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/010.date-time.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/120.date.md b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/020.date.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/120.date.md
rename to packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/020.date.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/130.time.md b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/030.time.md
similarity index 100%
rename from packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/130.time.md
rename to packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/030.time.md
diff --git a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/140.duration.md b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/040.duration.md
similarity index 59%
rename from packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/140.duration.md
rename to packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/040.duration.md
index 43014c0531..6b6ffa4432 100644
--- a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/140.duration.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/040.duration.md
@@ -2,4 +2,5 @@
 title: 'Duration'
 ---
 import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
\ No newline at end of file
+import TabItem from '@theme/TabItem';
+
diff --git a/packages/noco-docs/static/img/v2/fields/QR.png b/packages/noco-docs/static/img/v2/fields/QR.png
new file mode 100644
index 0000000000..14be0c0c52
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/QR.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/URL.png b/packages/noco-docs/static/img/v2/fields/URL.png
index 61186a3a5a..39d46a0ce0 100644
Binary files a/packages/noco-docs/static/img/v2/fields/URL.png and b/packages/noco-docs/static/img/v2/fields/URL.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/barcode.png b/packages/noco-docs/static/img/v2/fields/barcode.png
new file mode 100644
index 0000000000..c26aad8cf8
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/barcode.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/currency.png b/packages/noco-docs/static/img/v2/fields/currency.png
new file mode 100644
index 0000000000..a0d60ecde1
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/currency.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/datetime.png b/packages/noco-docs/static/img/v2/fields/datetime.png
new file mode 100644
index 0000000000..731eb2b9e6
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/datetime.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/decimal.png b/packages/noco-docs/static/img/v2/fields/decimal.png
index ec5129b4dd..00c81cb863 100644
Binary files a/packages/noco-docs/static/img/v2/fields/decimal.png and b/packages/noco-docs/static/img/v2/fields/decimal.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/duration.png b/packages/noco-docs/static/img/v2/fields/duration.png
new file mode 100644
index 0000000000..3f65d9fc9d
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/duration.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/email.png b/packages/noco-docs/static/img/v2/fields/email.png
index 48c3507aa9..069ed67c01 100644
Binary files a/packages/noco-docs/static/img/v2/fields/email.png and b/packages/noco-docs/static/img/v2/fields/email.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/formula.png b/packages/noco-docs/static/img/v2/fields/formula.png
new file mode 100644
index 0000000000..5a733b0038
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/formula.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/geometry.png b/packages/noco-docs/static/img/v2/fields/geometry.png
new file mode 100644
index 0000000000..39effefe37
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/geometry.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/json.png b/packages/noco-docs/static/img/v2/fields/json.png
new file mode 100644
index 0000000000..5679829b99
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/json.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/links.png b/packages/noco-docs/static/img/v2/fields/links.png
new file mode 100644
index 0000000000..acb2944ffd
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/links.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/long-text.png b/packages/noco-docs/static/img/v2/fields/long-text.png
index 78f89e8371..7989d4ca24 100644
Binary files a/packages/noco-docs/static/img/v2/fields/long-text.png and b/packages/noco-docs/static/img/v2/fields/long-text.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/lookup.png b/packages/noco-docs/static/img/v2/fields/lookup.png
new file mode 100644
index 0000000000..170fa7dfd7
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/lookup.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/multi-select.png b/packages/noco-docs/static/img/v2/fields/multi-select.png
new file mode 100644
index 0000000000..819e2e21de
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/multi-select.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/number.png b/packages/noco-docs/static/img/v2/fields/number.png
index 0ca8bafd55..85c9d64c94 100644
Binary files a/packages/noco-docs/static/img/v2/fields/number.png and b/packages/noco-docs/static/img/v2/fields/number.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/percent.png b/packages/noco-docs/static/img/v2/fields/percent.png
index 942060e03f..b6b4eec9c1 100644
Binary files a/packages/noco-docs/static/img/v2/fields/percent.png and b/packages/noco-docs/static/img/v2/fields/percent.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/phone-number.png b/packages/noco-docs/static/img/v2/fields/phone-number.png
deleted file mode 100644
index da76dac6cb..0000000000
Binary files a/packages/noco-docs/static/img/v2/fields/phone-number.png and /dev/null differ
diff --git a/packages/noco-docs/static/img/v2/fields/phone.png b/packages/noco-docs/static/img/v2/fields/phone.png
new file mode 100644
index 0000000000..384e26158f
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/phone.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/rating.png b/packages/noco-docs/static/img/v2/fields/rating.png
new file mode 100644
index 0000000000..8ca3c957af
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/rating.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/rollup.png b/packages/noco-docs/static/img/v2/fields/rollup.png
new file mode 100644
index 0000000000..592369643e
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/rollup.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/single-line-text.png b/packages/noco-docs/static/img/v2/fields/single-line-text.png
index 5c5aee3748..ef2b35e1a5 100644
Binary files a/packages/noco-docs/static/img/v2/fields/single-line-text.png and b/packages/noco-docs/static/img/v2/fields/single-line-text.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/single-select-color.png b/packages/noco-docs/static/img/v2/fields/single-select-color.png
new file mode 100644
index 0000000000..b07cf8a859
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/single-select-color.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/single-select-delete.png b/packages/noco-docs/static/img/v2/fields/single-select-delete.png
new file mode 100644
index 0000000000..6596f15646
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/single-select-delete.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/single-select-reorder.png b/packages/noco-docs/static/img/v2/fields/single-select-reorder.png
new file mode 100644
index 0000000000..20cc63ff85
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/single-select-reorder.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/single-select.png b/packages/noco-docs/static/img/v2/fields/single-select.png
new file mode 100644
index 0000000000..b53f99ef64
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/single-select.png differ
diff --git a/packages/noco-docs/static/img/v2/fields/specific-db-type.png b/packages/noco-docs/static/img/v2/fields/specific-db-type.png
new file mode 100644
index 0000000000..ca351fb67f
Binary files /dev/null and b/packages/noco-docs/static/img/v2/fields/specific-db-type.png differ