> For the complete documentation index, see [llms.txt](https://docs.gutenbricks.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gutenbricks.com/resources/third-party-integrations/acf-meta-box-integration.md).

# ACF / Meta Box integration

Both ACF and Meta Box are developed and supported as a twin. There might be plugin-specific functions and fields in the future, then we will create separate content for them.

{% hint style="warning" %}
For CSS variables\
 When using ACF/Meta Box variables as CSS variables, please set the values with var() because var({acf\_some\_value}) format is not working properly at the moment. v1.0.0 
{% endhint %}

## Supported Fields for Inline Editing (v1.0.0-RC.3)

These fields are the ones that appear on the right panel of the Gutenberg editor and allow you to control the blocks.

| Field Name            | Supported?                                                                           |
| --------------------- | ------------------------------------------------------------------------------------ |
| Text                  | <mark style="color:blue;">**Yes**</mark>                                             |
| Text Area             | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Range                 | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Image                 | <mark style="color:blue;">**Suported with possible limitations**</mark>              |
| Select                | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Checbox List          | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Checkbox (True False) | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Radio                 | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Time Picker           | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Date Picker           | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Date Time Picker      | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Color                 | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Email                 | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Url                   | [<mark style="color:blue;">**Yes**</mark>](#user-content-fn-1)[^1]                   |
| Password              | <mark style="color:orange;">**Will not support due to security implications**</mark> |

[^1]: