docs: theme in mdxComponents.js file

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
1 year ago · 7a77988b2d
84 changed files with 80 additions and 166 deletions
--- a/packages/noco-docs/docs/010.index.md
+++ b/packages/noco-docs/docs/010.index.md
@ -4,8 +4,7 @@ description: 'NocoDB Documentation'
 slug: /
 ---

-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ![image](/img/banner.png)

--- a/packages/noco-docs/docs/020.getting-started/020.quick-start.md
+++ b/packages/noco-docs/docs/020.getting-started/020.quick-start.md
@ -1,8 +1,7 @@
 ---
 title: 'Quick start'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 NocoDB offers you the flexibility of two distinct variants: self-hosted and SaaS (cloud-hosted). In this section, we'll walk you through the initial steps to embark on your NocoDB journey, whether you choose to set it up on your own infrastructure or opt for the convenience of our cloud-hosted service. Let's dive in and unlock the potential of NocoDB for your data management needs.

--- a/packages/noco-docs/docs/020.getting-started/030.terminologies.md
+++ b/packages/noco-docs/docs/020.getting-started/030.terminologies.md
@ -1,8 +1,7 @@
 ---
 title: 'NocoDB terminologies'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 To maximize your use of NocoDB, it's beneficial to become familiar with some common terms.

--- a/packages/noco-docs/docs/020.getting-started/040.keyboard-shortcuts.md
+++ b/packages/noco-docs/docs/020.getting-started/040.keyboard-shortcuts.md
@ -1,8 +1,7 @@
 ---
 title: 'Keyboard shortcuts'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## General
 |       Key | Behaviour                   |
--- a/packages/noco-docs/docs/020.getting-started/050.self-hosted/010.installation.md
+++ b/packages/noco-docs/docs/020.getting-started/050.self-hosted/010.installation.md
@ -2,8 +2,6 @@
 title: 'Installation'
 description: 'Simple installation - takes about three minutes!'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';

 Simple installation - takes about three minutes!

--- a/packages/noco-docs/docs/030.workspaces/010.workspace-overview.md
+++ b/packages/noco-docs/docs/030.workspaces/010.workspace-overview.md
@ -2,8 +2,7 @@
 title: 'Workspace overview'
 tags: [Workspace, List workspaces, Switch between workspaces]
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 In NocoDB, workspaces serve as collections of one or more bases, offering a structured approach to organizing your data and collaborators. Here are some key aspects to keep in mind regarding workspaces:

--- a/packages/noco-docs/docs/030.workspaces/020.create-workspace.md
+++ b/packages/noco-docs/docs/030.workspaces/020.create-workspace.md
@ -1,8 +1,7 @@
 ---
 title: 'Create workspace'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+


 In NocoDB, bases are organized within workspaces. To build database schema or to work with tables, fields and data in a base, your initial step involves either creating a new workspace or receiving an invitation to join an existing one, typically extended by a workspace owner.
--- a/packages/noco-docs/docs/030.workspaces/030.workspace-collaboration.md
+++ b/packages/noco-docs/docs/030.workspaces/030.workspace-collaboration.md
@ -1,8 +1,7 @@
 ---
 title: 'Workspace collaboration'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 Next logical step after creating a workspace is to invite collaborators to it. In this section, we will guide you through the process of inviting collaborators to your workspace.

--- a/packages/noco-docs/docs/030.workspaces/040.delete-workspace.md
+++ b/packages/noco-docs/docs/030.workspaces/040.delete-workspace.md
@ -1,8 +1,7 @@
 ---
 title: 'Delete workspace'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 If you determine that a workspace is no longer necessary, you have the option to permanently remove it from your settings. Deleting a workspace will delete all the bases and data associated with it. 

--- a/packages/noco-docs/docs/030.workspaces/050.actions-on-workspace.md
+++ b/packages/noco-docs/docs/030.workspaces/050.actions-on-workspace.md
@ -1,8 +1,7 @@
 ---
 title: 'Actions on workspace'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Rename workspace

--- a/packages/noco-docs/docs/040.bases/010.base-overview.md
+++ b/packages/noco-docs/docs/040.bases/010.base-overview.md
@ -1,8 +1,7 @@
 ---
 title: 'Base overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 Bases are the core building blocks of NocoDB. A base is a collection of tables, views, forms, reports, dashboards, and automations. You can create multiple bases to organize your data and collaborators. Some of the key points to note about bases are:
 - A base can be a part of only one workspace & cannot be moved between workspaces.
--- a/packages/noco-docs/docs/040.bases/020.create-base.md
+++ b/packages/noco-docs/docs/040.bases/020.create-base.md
@ -1,8 +1,7 @@
 ---
 title: 'Create base'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Create base from scratch
 1. Click on `+` on the left sidebar next to `projects` OR click on `+ New Project` button on the left sidebar.
--- a/packages/noco-docs/docs/040.bases/060.create-base-using-template.md
+++ b/packages/noco-docs/docs/040.bases/060.create-base-using-template.md
@ -1,8 +1,7 @@
 ---
 title: 'Create base using template'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Related articles
 - [Base overview](/bases/base-overview)
--- a/packages/noco-docs/docs/040.bases/070.import-base-from-airtable.md
+++ b/packages/noco-docs/docs/040.bases/070.import-base-from-airtable.md
@ -3,8 +3,7 @@ title: 'Import Airtable to NocoDB'
 description: 'A complete import of your Airtable to any MySQL, Postgres, SQLite and SQL server databases within minutes'
 ---

-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+


 NocoDB allows a complete import of your Airtable base to any MySQL, Postgres, SQLite and SQL server databases within minutes.
--- a/packages/noco-docs/docs/040.bases/075.base-collaboration.md
+++ b/packages/noco-docs/docs/040.bases/075.base-collaboration.md
@ -1,8 +1,7 @@
 ---
 title: 'Base Collaboration'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 Invite collaborators to your base by following simple steps below:
 1. Click on `Base name` on the left sidebar to open `Base Dashboard`.
--- a/packages/noco-docs/docs/040.bases/080.delete-base.md
+++ b/packages/noco-docs/docs/040.bases/080.delete-base.md
@ -1,8 +1,7 @@
 ---
 title: 'Delete base'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 If you determine that a base is no longer necessary, you have the option to permanently remove it from your workspace. Deleting a base will delete all the tables and data associated with it.

--- a/packages/noco-docs/docs/040.bases/090.actions-on-base.md
+++ b/packages/noco-docs/docs/040.bases/090.actions-on-base.md
@ -1,8 +1,7 @@
 ---
 title: 'Actions on base'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Base context menu
 Base context menu provides access to some of quick actions you can perform on a base. You can access base context menu by clicking on the ellipses `...` next to base name on the left sidebar.
--- a/packages/noco-docs/docs/050.tables/010.table-overview.md
+++ b/packages/noco-docs/docs/050.tables/010.table-overview.md
@ -1,8 +1,7 @@
 ---
 title: 'Table overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 A base is housed in tables, where data is logically arranged into rows and columns. A table in NocoDB serves as a robust center for managing your data effectively. You have the flexibility to create multiple tables, each catering to distinct sets of data. Moreover, you can link tables to one another to establish relationships between them.

--- a/packages/noco-docs/docs/050.tables/020.create-table.md
+++ b/packages/noco-docs/docs/050.tables/020.create-table.md
@ -1,8 +1,7 @@
 ---
 title: 'Create table'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## New table

--- a/packages/noco-docs/docs/050.tables/030.create-table-via-import.md
+++ b/packages/noco-docs/docs/050.tables/030.create-table-via-import.md
@ -1,8 +1,7 @@
 ---
 title: 'Create table via import'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Import table from CSV / Excel / JSON

--- a/packages/noco-docs/docs/050.tables/040.import-data-into-existing-table.md
+++ b/packages/noco-docs/docs/050.tables/040.import-data-into-existing-table.md
@ -1,8 +1,7 @@
 ---
 title: 'Import data into an existing table'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Import data from CSV / Excel

--- a/packages/noco-docs/docs/050.tables/050.delete-table.md
+++ b/packages/noco-docs/docs/050.tables/050.delete-table.md
@ -1,8 +1,7 @@
 ---
 title: 'Delete table'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 :::danger
 **This action cannot be undone.**
--- a/packages/noco-docs/docs/050.tables/060.actions-on-table.md
+++ b/packages/noco-docs/docs/050.tables/060.actions-on-table.md
@ -1,8 +1,7 @@
 ---
 title: 'Actions on table'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Rename table

--- a/packages/noco-docs/docs/060.fields/010.fields-overview.md
+++ b/packages/noco-docs/docs/060.fields/010.fields-overview.md
@ -1,8 +1,7 @@
 ---
 title: 'Fields overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 - [Primary Key](primary-key)
 - [Display Value](display-value)
--- a/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/010.single-line-text.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/010.single-line-text.md
@ -1,8 +1,7 @@
 ---
 title: 'Single line text'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Single line text` field is a simple text based field. It can hold any text value. It is generally used for storing short text values like name, email, phone number, etc. For storing text values with multiple lines, use [Long text](020.long-text.md) field. 

--- a/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/020.long-text.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/020.long-text.md
@ -1,8 +1,7 @@
 ---
 title: 'Long text'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Long Text` field is text based field that allows text in multiple lines. It is useful for storing lengthy text like description, notes, etc.

--- a/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/030.email.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/030.email.md
@ -1,8 +1,7 @@
 ---
 title: 'Email'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Email` field is text based field custom-built for storing E-mail IDs. It is a special type of `Single line text` field with
 - Optional validation for Email ID
--- 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
@ -1,8 +1,7 @@
 ---
 title: 'Phone Number'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Phone number` field is text based field that allows you to store phone numbers. It also allows you to validate the phone number.

--- a/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/050.url.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/010.text-based/050.url.md
@ -1,8 +1,7 @@
 ---
 title: 'URL'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `URL` field is text based field custom-built for storing URLs. It is a special type of `Single line text` field with
  - Optional validation for URL 
--- a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/010.number.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/010.number.md
@ -1,8 +1,7 @@
 ---
 title: 'Number'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Number` field type is used to store numerical values. Use cases include storing `age`, `salary`, `price`, `quantity`, etc.

--- a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/020.decimal.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/020.decimal.md
@ -1,8 +1,7 @@
 ---
 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.

--- a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.percent.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.percent.md
@ -1,8 +1,7 @@
 ---
 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.

--- a/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/040.currency.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/020.numerical/040.currency.md
@ -1,8 +1,7 @@
 ---
 title: 'Currency'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Currency` field type is used to store currency values. It is a numerical field with additional provision to set the currency symbol in display.

--- 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
@ -1,8 +1,7 @@
 ---
 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.

--- 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
@ -1,8 +1,7 @@
 ---
 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.

--- 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
@ -1,8 +1,7 @@
 ---
 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:
--- 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
@ -1,8 +1,7 @@
 ---
 title: 'LookUp'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Lookup` fields help bring additional column information from related table into the current table. This is useful when you want to display additional information about a record in a table. For example, if you have a table of `Orders` and a table of `Customers`, you can use a `Lookup` field to display the customer's name and address in the `Orders` table.

--- 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
@ -1,8 +1,7 @@
 ---
 title: 'Rollup'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Rollup` fields are used to aggregate data from fields in the related table. Often used to calculate totals, averages, and other aggregate data.

--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/010.attachment.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/010.attachment.md
@ -1,8 +1,7 @@
 ---
 title: 'Attachment'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Attachment` fields allow you to upload files to your records. You can upload any file type, and the file will be linked to the record. You can also upload multiple files to a single `Attachment` field record.

--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/020.checkbox.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/020.checkbox.md
@ -1,8 +1,7 @@
 ---
 title: 'Checkbox'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 The checkbox field type is used to store boolean values. It can be used to store a simple yes/no value, or true/false, or any other boolean value.

--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/030.rating.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/030.rating.md
@ -1,8 +1,7 @@
 ---
 title: 'Rating'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 The 

--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/040.QR-code.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/040.QR-code.md
@ -1,8 +1,7 @@
 ---
 title: 'QR code'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `QR code` is a custom field type that allows you to generate a QR code from a string value. This is useful for generating QR codes for things like URLs, phone numbers, or other data that can be represented as a string.

--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/050.barcode.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/050.barcode.md
@ -1,8 +1,7 @@
 ---
 title: 'Barcode'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Barcode` is a custom field type that allows you to generate a barcode from a string value. This is useful for generating barcodes for things like URLs, phone numbers, or other data that can be represented as a string.

--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/060.geometry.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/060.geometry.md
@ -1,8 +1,7 @@
 ---
 title: 'Geometry'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Create a geometry field
 1. Click on `+` icon to the right of `Fields header`
--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/070.specific-db-type.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/070.specific-db-type.md
@ -1,8 +1,7 @@
 ---
 title: 'Specific DB type'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Create a Specific DB Type field
 1. Click on `+` icon to the right of `Fields header`
--- a/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/080.json.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/080.json.md
@ -1,8 +1,7 @@
 ---
 title: 'JSON'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `JSON` is a custom field type that allows you to store JSON data in a column. Useful for storing data that can be represented as a JSON object, like API Response, or a set of key-value pairs.

--- a/packages/noco-docs/docs/060.fields/030.field-types/060.formula/010.formula.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/060.formula/010.formula.md
@ -1,8 +1,7 @@
 ---
 title: 'Formula'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Create a formula field

--- a/packages/noco-docs/docs/060.fields/030.field-types/060.formula/015.operators.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/060.formula/015.operators.md
@ -1,8 +1,7 @@
 ---
 title: 'Numeric and Logical Operators'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ### Numeric operators

--- a/packages/noco-docs/docs/060.fields/030.field-types/060.formula/020.numeric-functions.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/060.formula/020.numeric-functions.md
@ -1,8 +1,7 @@
 ---
 title: 'Numeric functions'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ### Numeric functions

--- a/packages/noco-docs/docs/060.fields/030.field-types/060.formula/030.string-functions.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/060.formula/030.string-functions.md
@ -1,8 +1,7 @@
 ---
 title: 'String functions'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ### String functions

--- a/packages/noco-docs/docs/060.fields/030.field-types/060.formula/040.date-functions.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/060.formula/040.date-functions.md
@ -1,8 +1,7 @@
 ---
 title: 'Date functions'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+


 | Name              | Syntax                                                                                                                                                                                                       | Sample                                                | Output                                                                                                  | Remark                                                                                                                                                                                        |
--- a/packages/noco-docs/docs/060.fields/030.field-types/060.formula/050.conditional-expressions.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/060.formula/050.conditional-expressions.md
@ -1,8 +1,7 @@
 ---
 title: 'Conditional expressions'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ### Conditional expressions

--- a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/010.date-time.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/010.date-time.md
@ -1,8 +1,7 @@
 ---
 title: 'Date Time'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Date Time` field type is used to store both date and time values in a single column.

--- a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/020.date.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/020.date.md
@ -1,8 +1,7 @@
 ---
 title: 'Date'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Date` field type is used to store date values in a single column. NocoDB supports a wide range of date formats, as detailed in the table below.

--- a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/030.time.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/030.time.md
@ -1,8 +1,7 @@
 ---
 title: 'Time'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Time` field type is used to store time values in a single column. Time formats supported by NocoDB are listed in the table below.

--- a/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/040.duration.md
+++ b/packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/040.duration.md
@ -1,8 +1,7 @@
 ---
 title: 'Duration'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 `Duration` field type is used to store duration of time in seconds or minutes. Different formats are supported by NocoDB, as detailed in the table below.

--- a/packages/noco-docs/docs/060.fields/050.delete-field.md
+++ b/packages/noco-docs/docs/060.fields/050.delete-field.md
@ -1,8 +1,7 @@
 ---
 title: 'Delete field'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 :::danger
 **This action cannot be undone.**
--- a/packages/noco-docs/docs/060.fields/060.actions-on-field.md
+++ b/packages/noco-docs/docs/060.fields/060.actions-on-field.md
@ -1,8 +1,7 @@
 ---
 title: 'Actions on field'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Fields context menu
 Fields context menu can be accessed by clicking on the dropdown icon (🔽) next to the field name.  
--- a/packages/noco-docs/docs/070.records/010.records-overview.md
+++ b/packages/noco-docs/docs/070.records/010.records-overview.md
@ -1,5 +1,3 @@
 ---
 title: 'Records overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/070.records/020.create-record.md
+++ b/packages/noco-docs/docs/070.records/020.create-record.md
@ -1,8 +1,7 @@
 ---
 title: 'Create record'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 A new record can be added by using the `+ New Record` button in the bottom left corner of the grid view. Default behaviour of this button is to add a new empty record at the end of the grid view. Field values can be populated by clicking on the cell and entering the value.

--- a/packages/noco-docs/docs/070.records/040.delete-record.md
+++ b/packages/noco-docs/docs/070.records/040.delete-record.md
@ -1,8 +1,7 @@
 ---
 title: 'Delete record'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ### Delete Record (Single)

--- a/packages/noco-docs/docs/070.records/070.actions-on-record.md
+++ b/packages/noco-docs/docs/070.records/070.actions-on-record.md
@ -1,8 +1,7 @@
 ---
 title: 'Actions on record'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 ## Keyboard navigation within Grid view

--- a/packages/noco-docs/docs/080.views/020.create.md
+++ b/packages/noco-docs/docs/080.views/020.create.md
@ -1,5 +1,3 @@
 ---
 title: 'Create view'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/080.views/060.configurations.md
+++ b/packages/noco-docs/docs/080.views/060.configurations.md
@ -1,5 +1,3 @@
 ---
 title: 'Actions on views'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/080.views/090.view-types/010.grid.md
+++ b/packages/noco-docs/docs/080.views/090.view-types/010.grid.md
@ -1,5 +1,3 @@
 ---
 title: 'Grid'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/080.views/090.view-types/020.gallery.md
+++ b/packages/noco-docs/docs/080.views/090.view-types/020.gallery.md
@ -1,5 +1,3 @@
 ---
 title: 'Gallery'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/080.views/090.view-types/030.forms.md
+++ b/packages/noco-docs/docs/080.views/090.view-types/030.forms.md
@ -1,5 +1,3 @@
 ---
 title: 'Forms'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/080.views/090.view-types/040.kanban.md
+++ b/packages/noco-docs/docs/080.views/090.view-types/040.kanban.md
@ -1,5 +1,3 @@
 ---
 title: 'Kanban'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/082.toolbar/010.overview.md
+++ b/packages/noco-docs/docs/082.toolbar/010.overview.md
@ -1,8 +1,7 @@
 ---
 title: 'Toolbar overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 The toolbar provides a set of tools to interact with the data in the table. The toolbar is located at the top of the view area.

--- a/packages/noco-docs/docs/082.toolbar/020.field-operations.md
+++ b/packages/noco-docs/docs/082.toolbar/020.field-operations.md
@ -1,8 +1,7 @@
 ---
 title: 'Hide & Reorder Fields'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 Utilize the `Fields` button in the toolbar to manage the visibility of fields within the system. By default, all system-related fields are concealed, but you have the option to enable them by selecting `Show system fields`.

--- a/packages/noco-docs/docs/082.toolbar/030.filter.md
+++ b/packages/noco-docs/docs/082.toolbar/030.filter.md
@ -1,8 +1,7 @@
 ---
 title: 'Filtering records'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 Filters provide a powerful way to narrow down and organize your data according to your specific requirements. NocoDB supports nested filters, allowing you to select multiple columns and conditions for filtering. You can choose between `and` or `or` mode of operation to combine filters, and filtering also supports Lookup, Formula, and Nested Data.

--- a/packages/noco-docs/docs/082.toolbar/030.sort.md
+++ b/packages/noco-docs/docs/082.toolbar/030.sort.md
@ -1,8 +1,7 @@
 ---
 title: 'Sorting records'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 Sorting enables you to arrange your data alphabetically (A → Z) or (Z → A) for text based types and in ascending or descending order for numerical types. NocoDB supports nested sorting, allowing you to select fields and the order in which to apply nested sorting. 

--- a/packages/noco-docs/docs/082.toolbar/050.group-by.md
+++ b/packages/noco-docs/docs/082.toolbar/050.group-by.md
@ -1,8 +1,7 @@
 ---
 title: 'Grouping Records'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 Grouping records in NocoDB allows for efficient categorization of data into specific `Groups` and `Subgroups.` NocoDB supports three levels of record segregation, providing a powerful organizational tool.

--- a/packages/noco-docs/docs/082.toolbar/060.row-height.md
+++ b/packages/noco-docs/docs/082.toolbar/060.row-height.md
@ -1,8 +1,7 @@
 ---
 title: 'Row Height'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 NocoDB offers users the flexibility to adjust the display height of records within the spreadsheet grid to four distinct levels: Short (the default setting), Medium, Tall, and Extra. This feature proves valuable when working with extensive text columns and multi-select fields, as it enables users to present a greater amount of content within each cell.  
  
--- a/packages/noco-docs/docs/082.toolbar/070.search.md
+++ b/packages/noco-docs/docs/082.toolbar/070.search.md
@ -1,8 +1,7 @@
 ---
 title: 'Search'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 NocoDB offers a quick search feature that allows you to search for records by field from the toolbar menu. This feature is useful when working with large datasets and can be used in conjunction with the `Filter` feature to further refine your search results.

--- a/packages/noco-docs/docs/082.toolbar/080.download.md
+++ b/packages/noco-docs/docs/082.toolbar/080.download.md
@ -1,8 +1,7 @@
 ---
 title: 'Download'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 NocoDB offers users the ability to export data from the spreadsheet grid in a variety of formats. This feature is useful when working with large datasets and can be used in conjunction with the `Filter` and `Sort` feature to further refine your data.

--- a/packages/noco-docs/docs/090.roles-and-permissions/010.overview.md
+++ b/packages/noco-docs/docs/090.roles-and-permissions/010.overview.md
@ -1,8 +1,7 @@
 ---
 title: 'Roles & Permissions overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 In NocoDB, we have roles that determine what people can do in a Workspace or Base. You can give a member one of these roles: Creator, Editor, Commenter, or Viewer. 

--- a/packages/noco-docs/docs/100.collaboration/010.overview.md
+++ b/packages/noco-docs/docs/100.collaboration/010.overview.md
@ -1,8 +1,7 @@
 ---
 title: 'Collaboration overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+

 At NocoDB, our passion lies in promoting teamwork, and it's a significant factor contributing to our popularity. Through NocoDB's collaborative functionalities, you have the ability to foster effective task distribution and team communication by extending invitations to others for seamless cooperation.

--- a/packages/noco-docs/docs/110.automation/020.webhook/010.webhook-overview.md
+++ b/packages/noco-docs/docs/110.automation/020.webhook/010.webhook-overview.md
@ -1,5 +1,3 @@
 ---
 title: 'Webhook overview'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/110.automation/020.webhook/020.create-webhook.md
+++ b/packages/noco-docs/docs/110.automation/020.webhook/020.create-webhook.md
@ -1,5 +1,3 @@
 ---
 title: 'Create webhook'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/110.automation/020.webhook/030.delete-webhook.md
+++ b/packages/noco-docs/docs/110.automation/020.webhook/030.delete-webhook.md
@ -1,5 +1,3 @@
 ---
 title: 'Delete webhook'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/docs/110.automation/020.webhook/040.actions-on-webhook.md
+++ b/packages/noco-docs/docs/110.automation/020.webhook/040.actions-on-webhook.md
@ -1,5 +1,3 @@
 ---
 title: 'Actions on webhook'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
--- a/packages/noco-docs/src/theme/MDXComponents.js
+++ b/packages/noco-docs/src/theme/MDXComponents.js
@ -0,0 +1,10 @@
+// import the original mapper
+import MDXComponents from "@theme-original/MDXComponents";
+
+export default {
+  // re-use the default mapping
+  ...MDXComponents,
+  // some custom components goes here ...
+  Tabs,
+  TabItem,
+};
--- a/packages/noco-docs/versioned_docs/version-0.109.7/020.getting-started/010.installation.md
+++ b/packages/noco-docs/versioned_docs/version-0.109.7/020.getting-started/010.installation.md
@ -2,8 +2,6 @@
 title: 'Installation'
 description: 'Simple installation - takes about three minutes!'
 ---
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';

 Simple installation - takes about three minutes!