AWS::AmplifyUIBuilder::Component - Amazon CloudFormation
Services or capabilities described in Amazon Web Services documentation might vary by Region. To see the differences applicable to the China Regions, see Getting Started with Amazon Web Services in China.

AWS::AmplifyUIBuilder::Component

The AWS::AmplifyUIBuilder::Component resource specifies a component within an Amplify app. A component is a user interface (UI) element that you can customize. Use ComponentChild to configure an instance of a Component. A ComponentChild instance inherits the configuration of the main Component.

Syntax

To declare this entity in your Amazon CloudFormation template, use the following syntax:

JSON

{ "Type" : "AWS::AmplifyUIBuilder::Component", "Properties" : { "BindingProperties" : {Key : Value, ...}, "Children" : [ ComponentChild, ... ], "CollectionProperties" : {Key : Value, ...}, "ComponentType" : String, "Events" : {Key : Value, ...}, "Name" : String, "Overrides" : {Key : Value, ...}, "Properties" : {Key : Value, ...}, "SchemaVersion" : String, "SourceId" : String, "Tags" : {Key : Value, ...}, "Variants" : [ ComponentVariant, ... ] } }

YAML

Type: AWS::AmplifyUIBuilder::Component Properties: BindingProperties: Key : Value Children: - ComponentChild CollectionProperties: Key : Value ComponentType: String Events: Key : Value Name: String Overrides: Key : Value Properties: Key : Value SchemaVersion: String SourceId: String Tags: Key : Value Variants: - ComponentVariant

Properties

BindingProperties

The information to connect a component's properties to data at runtime. You can't specify tags as a valid property for bindingProperties.

Required: Yes

Type: Map of ComponentBindingPropertiesValue

Update requires: No interruption

Children

A list of the component's ComponentChild instances.

Required: No

Type: List of ComponentChild

Update requires: No interruption

CollectionProperties

The data binding configuration for the component's properties. Use this for a collection component. You can't specify tags as a valid property for collectionProperties.

Required: No

Type: Map of ComponentDataConfiguration

Update requires: No interruption

ComponentType

The type of the component. This can be an Amplify custom UI component or another custom component.

Required: Yes

Type: String

Update requires: No interruption

Events

Describes the events that can be raised on the component. Use for the workflow feature in Amplify Studio that allows you to bind events and actions to components.

Required: No

Type: Map of ComponentEvent

Update requires: No interruption

Name

The name of the component.

Required: Yes

Type: String

Update requires: No interruption

Overrides

Describes the component's properties that can be overriden in a customized instance of the component. You can't specify tags as a valid property for overrides.

Required: Yes

Type: Map of ComponentOverridesValue

Update requires: No interruption

Properties

Describes the component's properties. You can't specify tags as a valid property for properties.

Required: Yes

Type: Map of ComponentProperty

Update requires: No interruption

SchemaVersion

The schema version of the component when it was imported.

Required: No

Type: String

Update requires: No interruption

SourceId

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

Required: No

Type: String

Update requires: No interruption

Tags

One or more key-value pairs to use when tagging the component.

Required: No

Type: Map of String

Update requires: Replacement

Variants

A list of the component's variants. A variant is a unique style configuration of a main component.

Required: Yes

Type: List of ComponentVariant

Update requires: No interruption

Return values

Ref

Fn::GetAtt

The Fn::GetAtt intrinsic function returns a value for a specified attribute of this type. The following are the available attributes and sample return values.

For more information about using the Fn::GetAtt intrinsic function, see Fn::GetAtt.

AppId

The unique ID for the Amplify app.

EnvironmentName

The name of the backend environment that is a part of the Amplify app.

Id

The unique ID of the component.