Allow demos of components with nested properties [#3529169]

Problem/Motivation

There are components that have nested properties like this:

...
props:
  type: object
  properties:
    links:
      title: Links
      type: array
      items:
        type: object
        properties:
          url:
            title: Url
            type: ["string"]
          title:
            title: Text
            type: ["string"]
...

Currently, to fill these properties there appears a textfield/textarea. It would be nice to have a field for each property.

Proposed resolution

Modify sdc_styleguide_array plugin to support nested properties.

Comment	File	Size	Author
#9	Screen Shot 2026-08-12 at 10.43.07.png	185.79 KB	mortona2k

Issue fork sdc_styleguide-3529169

Show commands

Start within a Git clone of the project using the version control instructions.

Add & fetch this issue fork’s repository

Or, if you do not have SSH keys set up on git.drupalcode.org:

Add & fetch this issue fork’s repository

3529169-allow-demos-of--subforms changes, plain diff MR !17
Check out this branch for the first time

Check out existing branch, if you already have it locally
3529169-allow-demos-of changes, plain diff MR !13
Check out this branch for the first time

Check out existing branch, if you already have it locally

About issue forks

Comments

Comment #1

9 June 2025 at 14:06

omarlopesino created an issue. See original summary.

Comment #2

9 June 2025 at 14:13

omarlopesino opened merge request !13

Comment #3

omarlopesino

he/him

commented 9 June 2025 at 14:14

Status:

Active

» Needs work

Working on it, see the attached MR. I will go back on this tomorrow to review if it is possible to add a different form element type for each property type.

Comment #4

alemadlei

Spanish

commented 9 June 2025 at 16:32

Question,

Was this stated somewhere on the original SDC definition?

I mean, I think it is indeed possible, but working on SDC so far, when this happens I prefer to use slots to have components in components.

Comment #5

alejandro cabarcos commented 10 June 2025 at 10:45

Hello Alejandro,

First of all thanks for your work on this module, we already implemented it on several projects and planning to make it a must-have on our stack.

Im thinking about a component with multiple links, where you want to trigger SDC prop validation to make it easier for content editors.

props:
  type: object
  properties:
    links:
      title: Links
      type: array
      items:
        type: object
        properties:
          url:
            title: Url
            type: string
            format: uri
          title:
            title: Text
            type: string
          classes:
            title: Text
            type: string
            enum:
                - btn-primary
                - btn-secondary
                - btn-link

According to https://www.drupal.org/docs/develop/theming-drupal/using-single-director... its allowed a prop of type: array