SyncFlo AI
Schema Specification

Component Library

A comprehensive catalog of UI components available within the SyncFlo ecosystem, engineered for strict adherence to Meta's Flow JSON schema.

Display Components

Static visual elements used for data presentation and branding.

Text Heading

Standard titles for clear information hierarchy.

Text Body

Core descriptive content supporting long-form text.

Image Backdrop

Visual assets to enhance brand presence.

Input & Selection

Interactive elements designed for structured data collection.

Text Input

Single or multi-line capture for user data.

Radio Selection

Single-choice selection from a predefined list.

Checkbox Group

Multi-choice validation and selection.

Date Picker

Native calendar interface for scheduling.

Action Triggers

Functional elements that initiate state transitions or data submission.

Navigation Button

Triggers screen transitions within the flow.

Termination Button

Finalizes the session and transmits payload data.

Data Binding: Payload Keys

Every interactive component requires a unique Payload Key. These identifiers are utilized to map user input into the flow's output object, which is then transmitted to your server or AI agent upon completion.

Example: "user_email_input", "appointment_date_selection"