UI Components Reference

The vocabulary the catalog validator accepts in an experience's ui.yaml — identical to what core Atlas workflows use.

This page mirrors docs/experiences/reference/ui-components.md, which is GENERATED from WorkflowCatalogVocabulary.swift by scripts/generate_experience_docs.sh — regenerate there, then re-run docs-site/generate_reference.py.

View types

Used in workflow_types[].view.type:

button
data_list
document
empty_state
form
gallery
image
list
menu
message_list
row
searchable_messages
section
sheet
text
text_field

View presentations

Used in view.presentation:

inline
sheet

View variants

Used in view.variant:

contact_list
file_grid
image_grid
mobile_app
video_grid

UI element types

Used in view.ui element type:

ActionBar
Badge
Button
ButtonGrid
Card
Carousel
Chart
ContactPickerButton
Control
Dialog
Display
Divider
DocumentPreview
FilePicker
Graph
Grid
Group
Hero
HorizontalLayout
Image
KeyValueGrid
List
MapView
Markdown
Metric
ModelCard
ModelList
Page
Panel
Picker
Progress
ScannerButton
Sheet
Slider
StatusBanner
Stepper
StepperCarousel
Text
Toggle
VerticalLayout
WebView

Presentation elements

Used in own-surface elements:

Dialog
Page
Sheet

Button placements

Used in buttons[].placement:

empty_state
inline
row_actions
section_header
toolbar

Workflow modes

Used in workflow_types[].mode:

conversation
custom
derived
workflow
writable

Row renderers

Used in section row:

action_row
attachment_tile
contact_tile
message_row

Form property types

Used in view.schema properties:

boolean
date
file
json
number
string

Form components

Used in form components[].type:

button
file_picker
text
text_field

Message fields

Used in predicates + sections:

archivedAt
attachmentType
convertedToActionId
isNoteEntry
savedAt
status
text
trashedAt
workflowId

Predicate scopes

Used in predicates[].scope:

named_instance_or_all
same_type_instance_or_all

Mobile navigation

Used in view.mobile_navigation:

close_only
stack

Picker visibility

Used in picker_visibility:

hidden
overflow
primary
visible