Core components
Data-oriented building blocks: data components and common data sources.
Core components
Data-oriented building blocks: data components and common data sources.
Choose a core component path
Section titled “Choose a core component path”Start with the basic data components, then move into stores, derived views, and list-state patterns.
Foundations
Data components (Variable, Array, Toggle)
Explore App Connect data components—Variable, Array, and Toggle—and the key Properties you’ll configure for each.
Data Store
Client-side collections in App Connect: define a schema, store records, and perform record actions like insert/update/delete.
Data View (filter/sort/page)
Use Data View to filter, sort, and paginate any dataset without mutating the original source.
Data Detail (select one record)
Single-record selection from an array source by key, exposing a stable detail.data object for bindings.
Data Iterator (next/prev through items)
Traverse an array sequentially with first/prev/next/last (and optional looping), ideal for slideshows and step-by-step UIs.
List state & results
Dynamic Sortable Table
Build sortable data tables that keep filtering, sorting, and paging understandable instead of turning list state into guesswork.
Filter Query with a Text Input
Use a text input to drive list filtering so search stays immediate, readable, and easy to pair with paging or sorting.
Filter Query with a URL Parameter
Use URL-driven filtering when the current view should survive reloads, bookmarks, and shared links without custom JavaScript.
Filter Query with Multiple Checkboxes
Use checkbox-driven filtering when users need multi-select narrowing without losing track of which conditions are active.
Show Total Record Count
Surface total counts where they help users understand result size, progress, and filter impact without cluttering the page.
No Results State
Show an honest no-results state so filtered or empty datasets explain themselves instead of making the page feel broken.
Go to