Login
Free Sign Up
Docs
/

Input

Type identifier: input Category: Experience Blocks

Description

Interactive data-entry block with component variants for text/date input and optional Flow triggers.

Schema Summary

The Input block has the fields below, plus component-specific fields.

Required core fields:

  • type: "input"
  • input: datumReference

Optional core fields:

  • color
  • variant: "soft"
  • states

Component-specific fields are discriminated by component.

Component Variants

Component

Variant-specific fields

TextField

placeholder?, flowTriggerOnSubmit?, clearOnSubmit?

TextArea

placeholder?, flowTriggerOnSubmit?, clearOnSubmit?

DateField

no additional fields

InlineCalendar

min?, max?, default?, firstDayOfWeek? (0-6), activeColor?, activeBorderRadius?, flowTriggerOnChange?

Not set (omitted)

placeholder?, flowTriggerOnSubmit?, clearOnSubmit?

Properties

Property

Type

Required

Notes

id

string

Yes

Shared block identifier.

type

"input"

Yes

Block discriminator.

input

datumReference

Yes

Bound datum target.

component

"TextField" | "TextArea" | "DateField" | "InlineCalendar"

No

Variant discriminator.

color

string

No

Input colour override.

variant

"soft"

No

Input style variant.

states

Array of states

No

Optional state-specific overrides.

The Input block also supports the shared style/layout/data props.

States

State entries follow the shared state shape and support partial input overrides.

Pseudo states for TextField, TextArea, and InlineCalendar:

  • hover
  • focus
  • disabled
  • readonly

DateField has no pseudo states.

Custom states:

  • InlineCalendar: dateSelected
  • other input components: none

Minimal Valid Example

{
  "id": "input-1",
  "type": "input",
  "input": {
    "type": "datumReference",
    "referenceId": "currentEntity"
  }
}