Create Component Node

C

UI/Component

Create Component

Creates an A2UI component with ID, style, and component data

a2ui_create_componentstd

Inputs5

Outputs2

Security exposure10/10

Packagestd

Ratings

Scores range from 0 to 10. Higher values mean more impact, exposure, or operational weight.

No score metadata has been set for this node yet.

Input Pins

5

▶

Execution

exec_in

Execution input

Component ID

String

component_id

Unique identifier for the component

Type

String

component_type

Component type (row, column, text, button, etc.)

Default text

Props

Struct

props

Component properties as JSON

Style

Struct

style

Optional style for the component

SchemaStyleStyleStyle23 fields

classNamestring | null

backgroundanyOf (2)

variant 1Backgroundvariant

Background type

variant 1objectvariant

colorstringrequired

variant 2objectvariant

gradientGradientrequired

variant 3objectvariant

imageBackgroundImagerequired

variant 4objectvariant

blurstringrequired

variant 2nullvariant

borderanyOf (2)

variant 1Bordervariant

Border styling

widthstring | null

stylestring | null

colorstring | null

radiusstring | null

variant 2nullvariant

shadowanyOf (2)

variant 1Shadowvariant

Shadow styling

boxShadowsArray<string>required

itemsstringarray item

textShadowstring | null

variant 2nullvariant

paddinganyOf (2)

variant 1Spacingvariant

Spacing (padding/margin) - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

marginanyOf (2)

variant 1Spacingvariant

Spacing (padding/margin) - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

widthanyOf (2)

variant 1Sizevariant

Size value - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

heightanyOf (2)

variant 1Sizevariant

Size value - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

minWidthanyOf (2)

variant 1Sizevariant

Size value - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

maxWidthanyOf (2)

variant 1Sizevariant

Size value - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

minHeightanyOf (2)

variant 1Sizevariant

Size value - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

maxHeightanyOf (2)

variant 1Sizevariant

Size value - accepts both "20px" and { "value": "20px" }

valuestringrequired

variant 2nullvariant

positionanyOf (2)

variant 1Positionvariant

Position styling

topstring | null

rightstring | null

bottomstring | null

leftstring | null

positionTypestringrequired

variant 2nullvariant

zIndexinteger | null

format int32

transformanyOf (2)

variant 1Transformvariant

Transform styling

translatestring | null

rotatenumber | null

format float

scalestring | null

transformOriginstring | null

skewstring | null

variant 2nullvariant

opacitynumber | null

format float

overflowanyOf (2)

variant 1Overflowvariant

Overflow behavior

enum "visible", "hidden", "scroll", "auto"

variant 2nullvariant

cursorstring | null

+5 more fields

Schema enforced

Output Pins

2

▶

Execution

exec_out

Execution output

Component

Struct

component

The created component

SchemaSurfaceComponentSurfaceComponentSurfaceComponent3 fields

idstringrequired

styleanyOf (2)

variant 1Stylevariant

Complete style definition

classNamestring | null

backgroundanyOf (2)

variant 1Backgroundvariant

Background type

variant 2nullvariant

borderanyOf (2)

variant 1Bordervariant

Border styling

variant 2nullvariant

shadowanyOf (2)

variant 1Shadowvariant

Shadow styling

variant 2nullvariant

paddinganyOf (2)

variant 1Spacingvariant

Spacing (padding/margin) - accepts both "20px" and { "value": "20px" }

variant 2nullvariant

+18 more fields

variant 2nullvariant

eventRelevantboolean

When true, this component's current value is included in widget action event payloads

default false

Schema enforced

Node Info

Internal name

a2ui_create_component

Category

UI/Component