Blocks

Nestable content blocks make content management easy, even within complex layouts.

What are content blocks?

You may already create components like teasers, grids or feature sections. Content blocks allow the developer to reuse those components elsewhere, refilling them with new content each time if necessary.

Here’s an example of a grid content block with two nested column content blocks which have other blocks inside. As you can see, the possibilities are endless, but developers have the power to restrict the flexibility for editors if they want.

{
  "component": "grid",
  "columns": [{
      "component": "column",
      "width": "1-4",
      "content": [{
        "component": "markdown",
        "text": "Nest components using an intuitive editor"
      }]
    },
    {
      "component": "column",
      "width": "1-2",
      "content": [{
        "component": "image",
        "src": "//a.storyblok.com/f/..."
      }]
    }
  ]
}