# Custom Layout Options Showing \`\[Object Object\]\`

**URL:** <https://community.directus.com/t/custom-layout-options-showing-object-object/2018>\
**Category:** Help\
**Tags:** extensions\
**Created:** [March 2, 2026, 10:25pm UTC](https://community.directus.com/t/custom-layout-options-showing-object-object/2018 "2026-03-02T22:25:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![MSTS](https://avatars.discourse-cdn.com/v4/letter/m/a9adbd/32.png) [@MSTS](https://community.directus.com/u/MSTS)\
**Post date:** [March 2, 2026, 10:25pm UTC](https://community.directus.com/t/custom-layout-options-showing-object-object/2018/1 "2026-03-02T22:25:30Z")

</div>

Hello everyone,

I’ve been exploring how custom layouts work with extensions, and I’ve run into an issue.

I’m trying to add configurable options to my custom layout — similar to how the **Card Layout** displays its layout options in the sidebar.

So far, I’ve attempted to create a custom component for the layout options. However, instead of rendering properly, it displays:

```auto
[Object Object]

```

Here’s what it looks like:

 ![Screenshot 2026-03-02 at 2.03.38 PM](https://us1.discourse-cdn.com/flex002/uploads/directus/original/2X/3/3363387a188e4f1b0973581abc762311fa7181b0.png)

* * *

### What I’m Trying to Achieve

- Add custom layout options
- Have them render properly in the layout sidebar
- Mimic how built-in layouts (like Card Layout) expose their configurable fields

* * *

If anyone has guidance on the correct way to structure layout options for a custom extension, I’d really appreciate the help.

Thank you!