Content Delivery API > Modular content fields

If you have modular-content fields you can use GraphQL fragments to fetch the different blocks.

Suppose a blog_post model has a modular content field called content, which in turn accepts the following blocks:

• Block blog_post_text_block: made of a text field (multi-paragraph text);

• Block blog_post_quote_block: made of a quote field (multi-paragraph text) and author field (single-line string);

• Block blog_post_gallery_block: made of a gallery field (image gallery);

This GraphQL query will do the work:

query {
  allBlogPosts {
    title
    content {
      ... on BlogPostTextBlockRecord {
        _modelApiKey
        text
      }
      ... on BlogPostQuoteBlockRecord {
        _modelApiKey
        quote
        author
      }
      ... on BlogPostGalleryBlock {
        _modelApiKey
        gallery { url }
      }
    }
  }
}