Retrieve a Single Component

Returns a single, fully loaded component object by providing a specific numeric id.

/spaces/:space_id/components/:component_id

Path Parameters

:space_id
required number

Numeric id of a space
:component_id
required number

Numeric id of a component

Response Properties

component
The Component Object

component object.
- id
  number
  
  The numeric ID
- name
  string
  
  Technical name used for component property in entries
- display_name
  string
  
  Name that will be used in the editor interface
- created_at
  string
  
  Creation date (Format: yyyy-MM-dd'T'HH:mm:ssZ)
- updated_at
  string
  
  Latest update date (Format: yyyy-MM-dd'T'HH:mm:ssZ)
- schema
  object
  
  Key value pairs of component fields.
- image
  string or null
  
  URL to the preview image, if uploaded
- preview_field
  string
  
  The field that is for preview in the interface (Preview Field)
- is_root
  boolean
  
  True if the component can be used as a Content Type
- preview_tmpl
  string
  
  Your component preview template. You can learn how to design your preview template here.
- is_nestable
  boolean
  
  True if the component is nestable (insertable) in block field types
- all_presets
  object[]
  
  An array of presets for this component
  - id
    number
    
    The numeric ID of the preset
  - name
    string
    
    Name of the preset
  - component_id
    number
    
    ID of the component the preset should be connected
  - image
    string or null
    
    Link to the preview image of the preset
  - icon
    string
    
    Icon selected for the preset
  - color
    string
    
    Color of the icon selected for the preset
  - description
    string
    
    The description of the preset
  - preset
    The Preset Object
    
    A single preset object
- real_name
  string
  
  Duplicated technical name or display name, used for internal tasks
- component_group_uuid
  string
  
  The component group ID of the component
- color
  string
  
  The color of the icon selected for the component
- icon
  string
  
  Icon selected for the component
- internal_tags_list
  object[]
  
  List of objects containing the details of tags used for the component
  - id
    number
    
    Id of the tag
  - name
    string
    
    Name of the tag
- internal_tag_ids
  string[]
  
  List of ids of the tags assigned to the component
- content_type_asset_preview
  string
  
  Asset preview field (Preview Card) for a content type component

Select a Language

Request

curl "https://mapi.storyblok.com/v1/spaces/606/components/4123" \
  -X GET \
  -H "Authorization: YOUR_OAUTH_TOKEN" \
  -H "Content-Type: application/json"

Request

// Using the Universal JavaScript Client:
// https://github.com/storyblok/storyblok-js-client
Storyblok.get('/spaces/606/components/4123', {})
  .then(response => {
    console.log(response)
  }).catch(error => { 
    console.log(error)
  })

Request

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

$client->get('/spaces/606/components/4123')->getBody();

Request

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

client.false('/spaces/606/components/4123')

Request

HttpResponse<String> response = Unirest.get("https://mapi.storyblok.com/v1/spaces/606/components/4123")
  .header("Authorization", "YOUR_OAUTH_TOKEN")
  .asString();

Request

var client = new RestClient("https://mapi.storyblok.com/v1/spaces/606/components/4123");
var request = new RestRequest(Method.GET);

request.AddHeader("Authorization", "YOUR_OAUTH_TOKEN");
IRestResponse response = client.Execute(request);

Request

import Foundation

let headers = [
  "Content-Type": "application/json",
  "Authorization": "YOUR_OAUTH_TOKEN"
]

let request = NSMutableURLRequest(url: NSURL(string: "https://mapi.storyblok.com/v1/spaces/606/components/4123")! as URL, cachePolicy: .useProtocolCachePolicy, timeoutInterval: 10.0)
request.method = "GET"
request.allHTTPHeaderFields = headers

let session = URLSession.shared
let dataTask = session.dataTask(with: request as URLRequest, completionHandler: { (data, response, error) -> Void in
  if (error != nil) {
    print(error)
  } else {
    let httpResponse = response as? HTTPURLResponse
    print(httpResponse)
  }
})

dataTask.resume()

Request

import requests

url = "https://mapi.storyblok.com/v1/spaces/606/components/4123"

querystring = {}

payload = ""
headers = {
  'Content-Type': "application/json",
  'Authorization': "YOUR_OAUTH_TOKEN"
}

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

print(response.text)

You will receive a fully loaded component object as a response.

Prev The Component Schema Field Object

Next Retrieve Multiple Components