> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.knapsack.cloud/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.knapsack.cloud/_mcp/server.

# Using Arrays of Objects

**Note:** This section assumes you've already read and understood the section in the [previous document](/code-sources/advanced-prop-configurations) around how to add and edit the "Prop Spec".

## Overview

This guide will cover scenarios where you need to handle lists of items, each with multiple attributes, ensuring your data is managed efficiently and effectively.

### Step 1: Adding the "object" prop

The first step in the process involves adding the "object" prop and then editing the "Prop Spec".

### Step 2: Update the "properties" key

For this example, let's edit the prop spec so that we can define an array of objects (e.g. for something like a new navigation component):

This example shows a "navigation" object prop with "solutions" defining the Array of Objects.

```json
{
  "type": "object",
  "properties": {
    "solutions": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [],
        "properties": {
          "name": {
            "type": "string"
          },
          "href": {
            "type": "string"
          }
        }
      }
    }
  }
}
```

![Screenshot 2024-07-24 at 4.48.48 PM.png](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/knapsack-docs.docs.buildwithfern.com/7a6770e614a03907000eb1551260faee254d0cf5e118bbfc7dc6a869e2e3f44e/docs/assets/images/a2cfa624-screenshot-2024-07-24-at-44848-pm-pmly9a6ox5png.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260724%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260724T211253Z&X-Amz-Expires=604800&X-Amz-Signature=e72009155962eb4b6d390a538085d0796f7b8cedeaba5aad03343e079d03d534&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)

### Step 3: Format JSON and Save the Prop Spec

After you've added your JSON, click the "Format JSON" button followed by the blue "Save" button.

### Step 4: Save changes to the component props

Lastly, click the blue "Save Changes" button at the bottom of the right fly-out.

![Screenshot 2024-07-24 at 4.50.50 PM.png](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/knapsack-docs.docs.buildwithfern.com/f02c3bf4a7f5ed6ff977bbc232ba7d2eea30b2074ee0ad1e519dfeb9760a82e2/docs/assets/images/33d1aa14-screenshot-2024-07-24-at-45050-pm-mrriwla14wpng.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260724%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260724T211253Z&X-Amz-Expires=604800&X-Amz-Signature=43a4a1e0400aeed8431d8f351c71ee94e5bfa90277033d939194ec68b7cf778c&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)

***

## Conclusion

Pulling it all together we can now add arrays of objects 🎉

![Screenshot 2024-07-24 at 4.52.37 PM.png](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/knapsack-docs.docs.buildwithfern.com/525d79fb4440e9fa4d3632491227d9c49877fc9c28e65e0fd62acac000217c16/docs/assets/images/dfc2e3f3-screenshot-2024-07-24-at-45237-pm-npdrlc5ghupng.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260724%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260724T211253Z&X-Amz-Expires=604800&X-Amz-Signature=60782fae950295039526697a8d54c7d515a7e5662c26efd1a318aa0da7efec96&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)