interface ComponentChildProperty

Language	Type name
.NET	Amazon.CDK.Mixins.Preview.AWS.AmplifyUIBuilder.Mixins.CfnComponentPropsMixin.ComponentChildProperty
Go	github.com/aws/aws-cdk-go/awscdkmixinspreview/v2/awsamplifyuibuilder/mixins#CfnComponentPropsMixin_ComponentChildProperty
Java	software.amazon.awscdk.mixins.preview.services.amplifyuibuilder.mixins.CfnComponentPropsMixin.ComponentChildProperty
Python	aws_cdk.mixins_preview.aws_amplifyuibuilder.mixins.CfnComponentPropsMixin.ComponentChildProperty
TypeScript	@aws-cdk/mixins-preview » aws_amplifyuibuilder » mixins » CfnComponentPropsMixin » ComponentChildProperty

The ComponentChild property specifies a nested UI configuration within a parent Component .

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-amplifyuibuilder-component-componentchild.html

Example

// The code below shows an example of how to instantiate this type.
// The values are placeholders you should change.
import { mixins as amplifyuibuilder_mixins } from '@aws-cdk/mixins-preview/aws-amplifyuibuilder';

declare const componentChildProperty_: amplifyuibuilder_mixins.CfnComponentPropsMixin.ComponentChildProperty;
declare const componentPropertyProperty_: amplifyuibuilder_mixins.CfnComponentPropsMixin.ComponentPropertyProperty;
const componentChildProperty: amplifyuibuilder_mixins.CfnComponentPropsMixin.ComponentChildProperty = {
  children: [componentChildProperty_],
  componentType: 'componentType',
  events: {
    eventsKey: {
      action: 'action',
      bindingEvent: 'bindingEvent',
      parameters: {
        anchor: {
          bindingProperties: {
            field: 'field',
            property: 'property',
          },
          bindings: {
            bindingsKey: {
              element: 'element',
              property: 'property',
            },
          },
          collectionBindingProperties: {
            field: 'field',
            property: 'property',
          },
          componentName: 'componentName',
          concat: [componentPropertyProperty_],
          condition: {
            else: componentPropertyProperty_,
            field: 'field',
            operand: 'operand',
            operandType: 'operandType',
            operator: 'operator',
            property: 'property',
            then: componentPropertyProperty_,
          },
          configured: false,
          defaultValue: 'defaultValue',
          event: 'event',
          importedValue: 'importedValue',
          model: 'model',
          property: 'property',
          type: 'type',
          userAttribute: 'userAttribute',
          value: 'value',
        },
        fields: {
          fieldsKey: {
            bindingProperties: {
              field: 'field',
              property: 'property',
            },
            bindings: {
              bindingsKey: {
                element: 'element',
                property: 'property',
              },
            },
            collectionBindingProperties: {
              field: 'field',
              property: 'property',
            },
            componentName: 'componentName',
            concat: [componentPropertyProperty_],
            condition: {
              else: componentPropertyProperty_,
              field: 'field',
              operand: 'operand',
              operandType: 'operandType',
              operator: 'operator',
              property: 'property',
              then: componentPropertyProperty_,
            },
            configured: false,
            defaultValue: 'defaultValue',
            event: 'event',
            importedValue: 'importedValue',
            model: 'model',
            property: 'property',
            type: 'type',
            userAttribute: 'userAttribute',
            value: 'value',
          },
        },
        global: {
          bindingProperties: {
            field: 'field',
            property: 'property',
          },
          bindings: {
            bindingsKey: {
              element: 'element',
              property: 'property',
            },
          },
          collectionBindingProperties: {
            field: 'field',
            property: 'property',
          },
          componentName: 'componentName',
          concat: [componentPropertyProperty_],
          condition: {
            else: componentPropertyProperty_,
            field: 'field',
            operand: 'operand',
            operandType: 'operandType',
            operator: 'operator',
            property: 'property',
            then: componentPropertyProperty_,
          },
          configured: false,
          defaultValue: 'defaultValue',
          event: 'event',
          importedValue: 'importedValue',
          model: 'model',
          property: 'property',
          type: 'type',
          userAttribute: 'userAttribute',
          value: 'value',
        },
        id: {
          bindingProperties: {
            field: 'field',
            property: 'property',
          },
          bindings: {
            bindingsKey: {
              element: 'element',
              property: 'property',
            },
          },
          collectionBindingProperties: {
            field: 'field',
            property: 'property',
          },
          componentName: 'componentName',
          concat: [componentPropertyProperty_],
          condition: {
            else: componentPropertyProperty_,
            field: 'field',
            operand: 'operand',
            operandType: 'operandType',
            operator: 'operator',
            property: 'property',
            then: componentPropertyProperty_,
          },
          configured: false,
          defaultValue: 'defaultValue',
          event: 'event',
          importedValue: 'importedValue',
          model: 'model',
          property: 'property',
          type: 'type',
          userAttribute: 'userAttribute',
          value: 'value',
        },
        model: 'model',
        state: {
          componentName: 'componentName',
          property: 'property',
          set: {
            bindingProperties: {
              field: 'field',
              property: 'property',
            },
            bindings: {
              bindingsKey: {
                element: 'element',
                property: 'property',
              },
            },
            collectionBindingProperties: {
              field: 'field',
              property: 'property',
            },
            componentName: 'componentName',
            concat: [componentPropertyProperty_],
            condition: {
              else: componentPropertyProperty_,
              field: 'field',
              operand: 'operand',
              operandType: 'operandType',
              operator: 'operator',
              property: 'property',
              then: componentPropertyProperty_,
            },
            configured: false,
            defaultValue: 'defaultValue',
            event: 'event',
            importedValue: 'importedValue',
            model: 'model',
            property: 'property',
            type: 'type',
            userAttribute: 'userAttribute',
            value: 'value',
          },
        },
        target: {
          bindingProperties: {
            field: 'field',
            property: 'property',
          },
          bindings: {
            bindingsKey: {
              element: 'element',
              property: 'property',
            },
          },
          collectionBindingProperties: {
            field: 'field',
            property: 'property',
          },
          componentName: 'componentName',
          concat: [componentPropertyProperty_],
          condition: {
            else: componentPropertyProperty_,
            field: 'field',
            operand: 'operand',
            operandType: 'operandType',
            operator: 'operator',
            property: 'property',
            then: componentPropertyProperty_,
          },
          configured: false,
          defaultValue: 'defaultValue',
          event: 'event',
          importedValue: 'importedValue',
          model: 'model',
          property: 'property',
          type: 'type',
          userAttribute: 'userAttribute',
          value: 'value',
        },
        type: {
          bindingProperties: {
            field: 'field',
            property: 'property',
          },
          bindings: {
            bindingsKey: {
              element: 'element',
              property: 'property',
            },
          },
          collectionBindingProperties: {
            field: 'field',
            property: 'property',
          },
          componentName: 'componentName',
          concat: [componentPropertyProperty_],
          condition: {
            else: componentPropertyProperty_,
            field: 'field',
            operand: 'operand',
            operandType: 'operandType',
            operator: 'operator',
            property: 'property',
            then: componentPropertyProperty_,
          },
          configured: false,
          defaultValue: 'defaultValue',
          event: 'event',
          importedValue: 'importedValue',
          model: 'model',
          property: 'property',
          type: 'type',
          userAttribute: 'userAttribute',
          value: 'value',
        },
        url: {
          bindingProperties: {
            field: 'field',
            property: 'property',
          },
          bindings: {
            bindingsKey: {
              element: 'element',
              property: 'property',
            },
          },
          collectionBindingProperties: {
            field: 'field',
            property: 'property',
          },
          componentName: 'componentName',
          concat: [componentPropertyProperty_],
          condition: {
            else: componentPropertyProperty_,
            field: 'field',
            operand: 'operand',
            operandType: 'operandType',
            operator: 'operator',
            property: 'property',
            then: componentPropertyProperty_,
          },
          configured: false,
          defaultValue: 'defaultValue',
          event: 'event',
          importedValue: 'importedValue',
          model: 'model',
          property: 'property',
          type: 'type',
          userAttribute: 'userAttribute',
          value: 'value',
        },
      },
    },
  },
  name: 'name',
  properties: {
    propertiesKey: {
      bindingProperties: {
        field: 'field',
        property: 'property',
      },
      bindings: {
        bindingsKey: {
          element: 'element',
          property: 'property',
        },
      },
      collectionBindingProperties: {
        field: 'field',
        property: 'property',
      },
      componentName: 'componentName',
      concat: [componentPropertyProperty_],
      condition: {
        else: componentPropertyProperty_,
        field: 'field',
        operand: 'operand',
        operandType: 'operandType',
        operator: 'operator',
        property: 'property',
        then: componentPropertyProperty_,
      },
      configured: false,
      defaultValue: 'defaultValue',
      event: 'event',
      importedValue: 'importedValue',
      model: 'model',
      property: 'property',
      type: 'type',
      userAttribute: 'userAttribute',
      value: 'value',
    },
  },
  sourceId: 'sourceId',
};

Properties

Name	Type	Description
children?	IResolvable | (IResolvable | ComponentChildProperty)[]	The list of ComponentChild instances for this component.
componentType?	string	The type of the child component.
events?	IResolvable | { [string]: IResolvable | ComponentEventProperty }	Describes the events that can be raised on the child component.
name?	string	The name of the child component.
properties?	IResolvable | { [string]: IResolvable | ComponentPropertyProperty }	Describes the properties of the child component.
sourceId?	string	The unique ID of the child component in its original source system, such as Figma.

---

children?

Type: IResolvable | (IResolvable | ComponentChildProperty)[] (optional)

The list of ComponentChild instances for this component.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-amplifyuibuilder-component-componentchild.html#cfn-amplifyuibuilder-component-componentchild-children

---

componentType?

Type: string (optional)

The type of the child component.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-amplifyuibuilder-component-componentchild.html#cfn-amplifyuibuilder-component-componentchild-componenttype

---

events?

Type: IResolvable | { [string]: IResolvable | ComponentEventProperty } (optional)

Describes the events that can be raised on the child component.

Use for the workflow feature in Amplify Studio that allows you to bind events and actions to components.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-amplifyuibuilder-component-componentchild.html#cfn-amplifyuibuilder-component-componentchild-events

---

name?

Type: string (optional)

The name of the child component.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-amplifyuibuilder-component-componentchild.html#cfn-amplifyuibuilder-component-componentchild-name

---

properties?

Type: IResolvable | { [string]: IResolvable | ComponentPropertyProperty } (optional)

Describes the properties of the child component.

You can't specify tags as a valid property for properties .

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-amplifyuibuilder-component-componentchild.html#cfn-amplifyuibuilder-component-componentchild-properties

---

sourceId?

Type: string (optional)

The unique ID of the child component in its original source system, such as Figma.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-amplifyuibuilder-component-componentchild.html#cfn-amplifyuibuilder-component-componentchild-sourceid