SR
Click to open github profile
Components

CraftArea

Learn how to use the CraftArea component.


The CraftArea component renders the mapped React component based on your queried data and the contentMapping.components property in your craftInit() configuration.

Note

You can read more about configuring components in the configuration docs.

import { CraftArea } from '@query-api/react'

<CraftArea content={content} />

content: The queried data from Craft CMS. This should be an array of objects containing the entry types and the corresponding data.

Usage

Typically the CraftArea component is used within a React page to render matrix blocks.

Note

If you are curios how to set this up, you can have a look into the quick start guide.


Copyright © 2025 Samuel Reichör