# Create general card

{% hint style="info" %}
These endpoints are in beta testing. Some features may not work as documented or may behave unexpectedly. 
{% endhint %}

## Create general card

<mark style="color:green;">`POST`</mark> `https://{{account_id}}.acquire.io/api/v1/crm/ui-component`

Create a general Custom Card.

#### Headers

| Name          | Type   | Description         |
| ------------- | ------ | ------------------- |
| Authorization | string | Bearer {{api\_key}} |

#### Request Body

| Name         | Type   | Description                                    |
| ------------ | ------ | ---------------------------------------------- |
| type         | string | "tab"                                          |
| config       | object | Config object. The configuration of your card. |
| displayScope | string |                                                |
| area         | string |                                                |

{% tabs %}
{% tab title="200 " %}

```
{
    "data": {
        "success": true,
        "data": {
            "type": "tab",
            "config": {
                "label": "mix sample",
                "canvas": {
                    "content_url": true
                },
                "action_key": "test-json",
                "action_type": "initialize_tab",
                "iconImageUrl": "./assets/app-store/acquire_saml.svg",
                "initialize_url": "https://0ff32dabc277.ngrok.io/mix2-initialize"
            },
            "displayScope": "contact_action",
            "area": "backend",
            "userId": 98,
            "dateCreated": "2021-04-06T10:41:08.898Z",
            "order": 0,
            "id": 573
        },
        "message": "UI component created successfully."
    }
}
```

{% endtab %}
{% endtabs %}

**Body (raw)**

```
{
    "type": "tab",
    "config": {
        "label": "mix sample",
        "canvas": {
            "content_url": true
        },
        "action_key": "test-json",
        "action_type": "initialize_tab",
        "iconImageUrl": "./assets/app-store/acquire_saml.svg",
        "initialize_url": "https://0ff32dabc277.ngrok.io/mix2-initialize"
    },
    "displayScope": "contact_action",
    "area": "backend"
}
```

### Attributes&#x20;

| ATTRIBUTE    | TYPE        | DESCRIPTION                                                                                       |                                      |                               |                                  |                             |                                       |
| ------------ | ----------- | ------------------------------------------------------------------------------------------------- | ------------------------------------ | ----------------------------- | -------------------------------- | --------------------------- | ------------------------------------- |
| type         | String      | <p>Specify the type of card. <br><strong>block</strong>                                           | <strong>action</strong>              | <strong>tab</strong>          | <strong>script\_tags</strong>    | <strong>style</strong></p>  |                                       |
| config       | JSON object | Specify the card configuration. Value for config is a JSON object according to type.              |                                      |                               |                                  |                             |                                       |
| displayScope | String      | <p>Specify the card display scope.</p><p><strong>home</strong>(For frontend widget home app list) | <br><strong>contact\_action</strong> | <strong>case\_action</strong> | <strong>message\_action</strong> | <br><strong>picker</strong> | <strong>main</strong> (for other)</p> |
| area         | String      |                                                                                                   |                                      |                               |                                  |                             |                                       |