aws-cdk-lib.aws_amplifyuibuilder.CfnComponent.ComponentEventProperty

interface ComponentEventProperty

LanguageType name
.NETAmazon.CDK.AWS.AmplifyUIBuilder.CfnComponent.ComponentEventProperty
Gogithub.com/aws/aws-cdk-go/awscdk/v2/awsamplifyuibuilder#CfnComponent_ComponentEventProperty
Javasoftware.amazon.awscdk.services.amplifyuibuilder.CfnComponent.ComponentEventProperty
Pythonaws_cdk.aws_amplifyuibuilder.CfnComponent.ComponentEventProperty
TypeScript aws-cdk-lib » aws_amplifyuibuilder » CfnComponent » ComponentEventProperty

The ComponentEvent property specifies the configuration of an event.

You can bind an event and a corresponding action to a Component or a ComponentChild . A button click is an example of an event.

Example

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

declare const componentPropertyProperty_: amplifyuibuilder.CfnComponent.ComponentPropertyProperty;
const componentEventProperty: amplifyuibuilder.CfnComponent.ComponentEventProperty = {
  action: 'action',
  parameters: {
    anchor: {
      bindingProperties: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      bindings: {
        bindingsKey: {
          element: 'element',
          property: 'property',
        },
      },
      collectionBindingProperties: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      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: {
          property: 'property',

          // the properties below are optional
          field: 'field',
        },
        bindings: {
          bindingsKey: {
            element: 'element',
            property: 'property',
          },
        },
        collectionBindingProperties: {
          property: 'property',

          // the properties below are optional
          field: 'field',
        },
        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: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      bindings: {
        bindingsKey: {
          element: 'element',
          property: 'property',
        },
      },
      collectionBindingProperties: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      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: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      bindings: {
        bindingsKey: {
          element: 'element',
          property: 'property',
        },
      },
      collectionBindingProperties: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      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: {
          property: 'property',

          // the properties below are optional
          field: 'field',
        },
        bindings: {
          bindingsKey: {
            element: 'element',
            property: 'property',
          },
        },
        collectionBindingProperties: {
          property: 'property',

          // the properties below are optional
          field: 'field',
        },
        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: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      bindings: {
        bindingsKey: {
          element: 'element',
          property: 'property',
        },
      },
      collectionBindingProperties: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      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: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      bindings: {
        bindingsKey: {
          element: 'element',
          property: 'property',
        },
      },
      collectionBindingProperties: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      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: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      bindings: {
        bindingsKey: {
          element: 'element',
          property: 'property',
        },
      },
      collectionBindingProperties: {
        property: 'property',

        // the properties below are optional
        field: 'field',
      },
      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',
    },
  },
};

Properties

NameTypeDescription
action?stringThe action to perform when a specific event is raised.
parameters?IResolvable | ActionParametersPropertyDescribes information about the action.

action?

Type: string (optional)

The action to perform when a specific event is raised.


parameters?

Type: IResolvable | ActionParametersProperty (optional)

Describes information about the action.