Create a Component Folder

https://mapi.storyblok.com/v1/spaces/:space_id/component_groups/

Create a new component folder to group one or more components together.

Path parameters

• :space_id required number

  Numeric ID of a space

Request body properties

• component_group The Component Folder Object

  The component folder object

  Show child properties

  • name required string

    Name of the group

  • parent_id number

    Numeric ID of the parent group

Response properties

• component_group The Component Folder Object

  The component folder object

Examples

cURL

curl "https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/" \
  -X POST \
  -H "Authorization: YOUR_OAUTH_TOKEN" \
  -H "Content-Type: application/json" \
  -d "{\"component_group\":{\"name\":\"Teasers\",\"parent_id\":\"123123\"}}"

JS

// Using the Universal JavaScript Client:
// https://github.com/storyblok/storyblok-js-client
Storyblok.post('spaces/288868932106293/component_groups/', {
  "component_group": {
    "name": "Teasers",
    "parent_id": "123123"
  }
})
  .then(response => {
    console.log(response)
  }).catch(error => {
    console.log(error)
  })

PHP

$client = new \Storyblok\ManagementClient('YOUR_OAUTH_TOKEN');

$payload = ["component_group" => ["name" => "Teasers","parent_id" => "123123"]];

$client->post('spaces/288868932106293/component_groups/', $payload)->getBody();

Java

HttpResponse<String> response = Unirest.post("https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/")
  .header("Content-Type", "application/json")
  .header("Authorization", "YOUR_OAUTH_TOKEN")
  .body({"component_group":{"name":"Teasers","parent_id":"123123"}})
  .asString();

C#

var client = new RestClient("https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/");
var request = new RestRequest(Method.POST);

request.AddHeader("Content-Type", "application/json");
request.AddHeader("Authorization", "YOUR_OAUTH_TOKEN");
request.AddParameter("application/json", "{\"component_group\":{\"name\":\"Teasers\",\"parent_id\":\"123123\"}}", ParameterType.RequestBody);
IRestResponse response = client.Execute(request);

Python

import requests

url = "https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/"

querystring = {}

payload = {"component_group":{"name":"Teasers","parent_id":"123123"}}
headers = {
  'Content-Type': "application/json",
  'Authorization': "YOUR_OAUTH_TOKEN"
}

response = requests.request("POST", url, data=payload, headers=headers, params=querystring)

print(response.text)

Ruby

require 'storyblok'
client = Storyblok::Client.new(oauth_token: 'YOUR_OAUTH_TOKEN')

payload = {"component_group" => {"name" => "Teasers","parent_id" => "123123"}}

client.post('spaces/288868932106293/component_groups/', payload)

Swift

var request = URLRequest(url: URL(string: "https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/")!)
request.setValue("YOUR_OAUTH_TOKEN", forHTTPHeaderField: "Authorization")
request.httpMethod = "POST"
request.httpBody = try JSONSerialization.data(withJSONObject: [
    "component_group": [
        "name": "Teasers",
        "parent_id": "123123",
    ],
])
let (data, _) = try await URLSession.shared.data(for: request)
print(try JSONSerialization.jsonObject(with: data))

Kotlin

val client = HttpClient {
    install(ContentNegotiation) { json() }
    install(DefaultRequest) {
        url {
            takeFrom("https://mapi.storyblok.com/v1/")
            headers.append("Authorization", "YOUR_OAUTH_TOKEN")
        }
    }
}

val response = client.post("spaces/288868932106293/component_groups/") {
    contentType(ContentType.Application.Json)
    setBody(buildJsonObject {
        putJsonObject("component_group") {
            put("name", "Teasers")
            put("parent_id", "123123")
        }
    })
}

println(response.body<JsonElement>())