The Component Object
An object that represents a component in a space. You can define any component properties that are not read-only.
Properties
Section titled “Properties”idnumberNumeric ID of a component
namestringTechnical name of a component. Visible in the content editor if the
display_nameisnull.display_namestringName displayed in the content editor
created_atstringCreation date (format:
yyyy-MM-dd'T'HH:mm:ssZ)updated_atstringLatest update date (format:
yyyy-MM-dd'T'HH:mm:ssZ)schemaobjectKey value pairs of the component fields
imagestring | nullURL of the component preview image (if uploaded)
preview_fieldstringThe component preview field in the UI
is_rootbooleantrueif a component can be used as a content type blockpreview_tmplstringThe component preview template. Learn how to create a preview template.
is_nestablebooleantrueif a component is a Nestable blockall_presetsobject[]An array of presets for a component. Learn more about presets.
Show child properties
idnumberNumeric ID of a preset
namestringName of a preset
component_idnumberNumeric ID of a component associated with the preset
imagestring | nullLink to a preview image of the preset
iconstringIcon of the preset
colorstringColor of the icon
descriptionstringThe description of the preset
real_namestringA read-only field used by Storyblok internally. Identical to the
display_nameif set. Otherwise, it’s set to thename.component_group_uuidstringThe component folder ID
iconstringIcon of the component
colorstringColor of the icon
internal_tags_listobject[]List of objects containing the internal tags assigned to a component. Learn more about internal tags.
Show child properties
idnumberNumeric ID of a tag
namestringName of a tag
internal_tag_idsstring[]List of IDs of the internal tags assigned to a component
content_type_asset_previewstringAsset preview field of a content type block
{"component": { "name": "banner_section", "display_name": null, "created_at": "2025-03-27T10:35:25.086Z", "updated_at": "2025-07-04T08:30:54.235Z", "id": 3672886, "schema": { "headline": { "type": "text", "pos": 0, "translatable": true, "description": "This field is used to render a title" } }, "image": "//a.storyblok.com/f/88751/x/d4284bb2e5/screenshot.png", "preview_field": null, "is_root": false, "preview_tmpl": null, "is_nestable": true, "all_presets": [], "preset_id": null, "real_name": "banner_section", "component_group_uuid": "19cb297f-541a-4a23-b02e-66d08e5f6323", "color": "#fbce41", "icon": "block-icon", "internal_tags_list": [ { "id": 43211, "name": "test" }, { "id": 43212, "name": "test2" } ], "internal_tag_ids": [ "43211", "43212" ], "content_type_asset_preview": "hero_image" }}Was this page helpful?
This site uses reCAPTCHA and Google's Privacy Policy (opens in a new window).Terms of Service (opens in a new window) apply.
Get in touch with the Storyblok community