# Build your App

- [JourneyApps Syntax](/reference/build/syntax.md)
- [Async & Await](/reference/build/syntax/async-and-await.md)
- [TypeScript Apps](/reference/build/syntax/typescript-apps.md)
- [runtime-build package](/reference/build/syntax/typescript-apps/runtime-build-package.md)
- [TypeScript App Troubleshooting](/reference/build/syntax/typescript-apps/typescript-app-troubleshooting.md)
- [What's New in V4](/reference/build/syntax/whats-new-in-v4.md)
- [Updating to the V4 API](/reference/build/syntax/whats-new-in-v4/updating-to-the-v4-api.md)
- [Configure your Data Model](/reference/build/data-model-configuration.md)
- [Reference: model](/reference/build/data-model-configuration/model.md)
- [field](/reference/build/data-model-configuration/model/field.md)
- [belongs-to](/reference/build/data-model-configuration/model/belongs-to.md)
- [has-many](/reference/build/data-model-configuration/model/has-many.md)
- [index](/reference/build/data-model-configuration/model/index.md)
- [Data Rules](/reference/build/data-model-configuration/data-rules.md)
- [Data Buckets](/reference/build/data-model-configuration/data-rules/data-buckets.md)
- [Sync Rules - Limit data synced to devices](/reference/build/data-model-configuration/data-rules/sync-rules-v2.md)
- [Data ACLs - Limit access to data](/reference/build/data-model-configuration/data-rules/data-acls-limit-access-to-data.md)
- [Real-world example for Data Rules](/reference/build/data-model-configuration/data-rules/real-world-example-for-data-rules.md)
- [FAQs](/reference/build/data-model-configuration/data-rules/faqs.md)
- [Migrate to Data Rules](/reference/build/data-model-configuration/data-rules/migrate-to-data-rules.md)
- [App Indexes](/reference/build/data-model-configuration/app-indexing.md)
- [UI Components](/reference/build/ui-components.md)
- [All UI Components](/reference/build/ui-components/all-ui-components.md)
- [actionSheet](/reference/build/ui-components/all-ui-components/actionsheet.md)
- [button](/reference/build/ui-components/all-ui-components/button.md)
- [button-group](/reference/build/ui-components/all-ui-components/button-group.md)
- [capture-coordinates](/reference/build/ui-components/all-ui-components/capture-coordinates.md)
- [marker](/reference/build/ui-components/all-ui-components/capture-coordinates/marker.md)
- [marker-query](/reference/build/ui-components/all-ui-components/capture-coordinates/marker-query.md)
- [capture-file](/reference/build/ui-components/all-ui-components/capture-file.md)
- [capture-photo](/reference/build/ui-components/all-ui-components/capture-photo.md)
- [capture-signature](/reference/build/ui-components/all-ui-components/capture-signature.md)
- [card](/reference/build/ui-components/all-ui-components/card.md)
- [accent](/reference/build/ui-components/all-ui-components/card/accent.md)
- [action](/reference/build/ui-components/all-ui-components/card/action.md)
- [columns](/reference/build/ui-components/all-ui-components/columns.md)
- [column](/reference/build/ui-components/all-ui-components/columns/column.md)
- [context-menu](/reference/build/ui-components/all-ui-components/context-menu.md)
- [divider](/reference/build/ui-components/all-ui-components/context-menu/divider.md)
- [item](/reference/build/ui-components/all-ui-components/context-menu/item.md)
- [date-input](/reference/build/ui-components/all-ui-components/date-input.md)
- [datetime-input](/reference/build/ui-components/all-ui-components/datetime-input.md)
- [dialog](/reference/build/ui-components/all-ui-components/dialog.md)
- [body](/reference/build/ui-components/all-ui-components/dialog/body.md)
- [display-3d-model](/reference/build/ui-components/all-ui-components/display-3d-model.md)
- [display-3d-model Guides](/reference/build/ui-components/all-ui-components/display-3d-model/display-3d-model-guides.md)
- [Guide 1: Initialize and layout a 3D model in a view](/reference/build/ui-components/all-ui-components/display-3d-model/display-3d-model-guides/guide-1-initialize-and-layout-a-3d-model-in-a-view.md)
- [Guide 2: Control playback position](/reference/build/ui-components/all-ui-components/display-3d-model/display-3d-model-guides/guide-2-control-playback-position.md)
- [Guide 3: Troubleshooting controls](/reference/build/ui-components/all-ui-components/display-3d-model/display-3d-model-guides/guide-3-troubleshooting-controls.md)
- [display-coordinates](/reference/build/ui-components/all-ui-components/display-coordinates.md)
- [display-file](/reference/build/ui-components/all-ui-components/display-file.md)
- [display-image](/reference/build/ui-components/all-ui-components/display-image.md)
- [display-photo](/reference/build/ui-components/all-ui-components/display-photo.md)
- [display-signature](/reference/build/ui-components/all-ui-components/display-signature.md)
- [heading](/reference/build/ui-components/all-ui-components/heading.md)
- [html](/reference/build/ui-components/all-ui-components/html.md)
- [HTML Advanced Topics](/reference/build/ui-components/all-ui-components/html/html-advanced-topics.md)
- [HTML FAQs](/reference/build/ui-components/all-ui-components/html/html-faqs.md)
- [Guide: HTML & JourneyApps  iFrame Client](/reference/build/ui-components/all-ui-components/html/guide-html-and-journeyapps-iframe-client.md)
- [icons](/reference/build/ui-components/all-ui-components/icons.md)
- [info](/reference/build/ui-components/all-ui-components/info.md)
- [info-table](/reference/build/ui-components/all-ui-components/info-table.md)
- [row](/reference/build/ui-components/all-ui-components/info-table/row.md)
- [grid](/reference/build/ui-components/all-ui-components/grid.md)
- [cell](/reference/build/ui-components/all-ui-components/grid/cell.md)
- [grid Examples](/reference/build/ui-components/all-ui-components/grid/grid-examples.md)
- [list](/reference/build/ui-components/all-ui-components/list.md)
- [list-item](/reference/build/ui-components/all-ui-components/list/list-item.md)
- [accent](/reference/build/ui-components/all-ui-components/list/list-item/accent.md)
- [asset](/reference/build/ui-components/all-ui-components/list/list-item/asset.md)
- [pills](/reference/build/ui-components/all-ui-components/list/list-item/pills.md)
- [pill](/reference/build/ui-components/all-ui-components/list/list-item/pills/pill.md)
- [action](/reference/build/ui-components/all-ui-components/list/list-item/action.md)
- [multiple-choice-checklist](/reference/build/ui-components/all-ui-components/multiple-choice-checklist.md)
- [navigation (Navigation drawer)](/reference/build/ui-components/all-ui-components/navigation-navigation-drawer.md)
- [general-section](/reference/build/ui-components/all-ui-components/navigation-navigation-drawer/general-section.md)
- [item](/reference/build/ui-components/all-ui-components/navigation-navigation-drawer/general-section/item.md)
- [section](/reference/build/ui-components/all-ui-components/navigation-navigation-drawer/section.md)
- [item](/reference/build/ui-components/all-ui-components/navigation-navigation-drawer/section/item.md)
- [item](/reference/build/ui-components/all-ui-components/navigation-navigation-drawer/section/item/item.md)
- [navigation FAQs](/reference/build/ui-components/all-ui-components/navigation-navigation-drawer/navigation-faqs.md)
- [notification](/reference/build/ui-components/all-ui-components/notification.md)
- [object-dropdown](/reference/build/ui-components/all-ui-components/object-dropdown.md)
- [object-list](/reference/build/ui-components/all-ui-components/object-list.md)
- [action](/reference/build/ui-components/all-ui-components/object-list/action.md)
- [object-repeat](/reference/build/ui-components/all-ui-components/object-repeat.md)
- [object-table](/reference/build/ui-components/all-ui-components/object-table.md)
- [action](/reference/build/ui-components/all-ui-components/object-table/action.md)
- [column](/reference/build/ui-components/all-ui-components/object-table/column.md)
- [action](/reference/build/ui-components/all-ui-components/object-table/column/action.md)
- [edit-boolean](/reference/build/ui-components/all-ui-components/object-table/column/edit-boolean.md)
- [edit-date](/reference/build/ui-components/all-ui-components/object-table/column/edit-date.md)
- [edit-datetime](/reference/build/ui-components/all-ui-components/object-table/column/edit-datetime.md)
- [edit-integer](/reference/build/ui-components/all-ui-components/object-table/column/edit-integer.md)
- [edit-number](/reference/build/ui-components/all-ui-components/object-table/column/edit-number.md)
- [edit-select](/reference/build/ui-components/all-ui-components/object-table/column/edit-select.md)
- [edit-text](/reference/build/ui-components/all-ui-components/object-table/column/edit-text.md)
- [edit-time](/reference/build/ui-components/all-ui-components/object-table/column/edit-time.md)
- [edit-typeahead](/reference/build/ui-components/all-ui-components/object-table/column/edit-typeahead.md)
- [action](/reference/build/ui-components/all-ui-components/object-table/column/edit-typeahead/action.md)
- [header-action](/reference/build/ui-components/all-ui-components/object-table/column/header-action.md)
- [column-group](/reference/build/ui-components/all-ui-components/object-table/column-group.md)
- [empty-action](/reference/build/ui-components/all-ui-components/object-table/empty-action.md)
- [object-table Guides](/reference/build/ui-components/all-ui-components/object-table/object-table-guides.md)
- [Actions](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/actions.md)
- [Cell callouts](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/cell-callouts.md)
- [Column groups](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/column-groups.md)
- [Columns](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/columns.md)
- [Controlled object-table](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/controlled-object-table.md)
- [Controls](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/controls.md)
- [Copy & paste data](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/copy-and-paste-data.md)
- [Edit cells](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/edit-cells.md)
- [Filters](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/filters.md)
- [Frozen columns](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/frozen-columns.md)
- [Fullscreen object-table](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/fullscreen-object-table.md)
- [Mode](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/mode.md)
- [Styles](/reference/build/ui-components/all-ui-components/object-table/object-table-guides/styles.md)
- [optionList](/reference/build/ui-components/all-ui-components/optionlist.md)
- [power-bi](/reference/build/ui-components/all-ui-components/power-bi.md)
- [Guide: PowerBI Embedding](/reference/build/ui-components/all-ui-components/power-bi/guide-powerbi-embedding.md)
- [scan-barcode](/reference/build/ui-components/all-ui-components/scan-barcode.md)
- [shortcut](/reference/build/ui-components/all-ui-components/shortcut.md)
- [sidebar](/reference/build/ui-components/all-ui-components/sidebar.md)
- [single-choice-dropdown](/reference/build/ui-components/all-ui-components/single-choice-dropdown.md)
- [single-choice-radio](/reference/build/ui-components/all-ui-components/single-choice-radio.md)
- [template](/reference/build/ui-components/all-ui-components/template.md)
- [text-input](/reference/build/ui-components/all-ui-components/text-input.md)
- [time-input](/reference/build/ui-components/all-ui-components/time-input.md)
- [toggle](/reference/build/ui-components/all-ui-components/toggle.md)
- [view](/reference/build/ui-components/all-ui-components/view.md)
- [JS/TS Events](/reference/build/ui-components/js-ts-events.md)
- [Show / Hide UI Components](/reference/build/ui-components/show-hide-components.md)
- [View Templates](/reference/build/ui-components/view-templates.md)
- [XML Fields (Attributes)](/reference/build/ui-components/xml-fields.md): Here we list common XML fields (component attributes) that are shared across UI components.
- [align-content](/reference/build/ui-components/xml-fields/align-content.md)
- [align-controls](/reference/build/ui-components/xml-fields/align-controls.md)
- [align-label](/reference/build/ui-components/xml-fields/align-label.md)
- [bind](/reference/build/ui-components/xml-fields/bind.md): object
- [clear-button-visibility](/reference/build/ui-components/xml-fields/clear-button-visibility.md)
- [control-order](/reference/build/ui-components/xml-fields/control-order.md)
- [disabled](/reference/build/ui-components/xml-fields/disabled.md): boolean
- [error-message](/reference/build/ui-components/xml-fields/error-message.md)
- [icon-position](/reference/build/ui-components/xml-fields/icon-position.md)
- [id](/reference/build/ui-components/xml-fields/id.md)
- [hide-if](/reference/build/ui-components/xml-fields/hide-if.md)
- [modifier-text](/reference/build/ui-components/xml-fields/modifier-text.md)
- [label](/reference/build/ui-components/xml-fields/label.md)
- [label-case](/reference/build/ui-components/xml-fields/label-case.md)
- [label-color](/reference/build/ui-components/xml-fields/label-color.md)
- [on-change](/reference/build/ui-components/xml-fields/on-change.md)
- [on-press](/reference/build/ui-components/xml-fields/on-press.md)
- [placeholder](/reference/build/ui-components/xml-fields/placeholder.md)
- [required](/reference/build/ui-components/xml-fields/required.md): boolean
- [show-if](/reference/build/ui-components/xml-fields/show-if.md)
- [Managing Component State](/reference/build/ui-components/managing-component-state.md)
- [JS / TS APIs](/reference/build/js-ts-apis.md)
- [Attachment](/reference/build/js-ts-apis/attachment.md)
- [Bluetooth (Beta)](/reference/build/js-ts-apis/bluetooth-low-energy-beta.md)
- [Broadcast](/reference/build/js-ts-apis/broadcast.md): About the Broadcast API
- [component](/reference/build/js-ts-apis/component.md): About component methods
- [CSV](/reference/build/js-ts-apis/csv.md)
- [HardwareBarcode](/reference/build/js-ts-apis/hardware-barcode-scanning.md)
- [journey](/reference/build/js-ts-apis/journey.md)
- [journey.config](/reference/build/js-ts-apis/journey/journey.config.md)
- [journey.container](/reference/build/js-ts-apis/journey/journey.container.md)
- [journey.device](/reference/build/js-ts-apis/journey/journey.device.md)
- [journey.diagnostics](/reference/build/js-ts-apis/journey/journey.diagnostics.md)
- [journey.dialog](/reference/build/js-ts-apis/journey/journey.dialog.md)
- [journey.files](/reference/build/js-ts-apis/journey/journey.files.md)
- [journey.hardware](/reference/build/js-ts-apis/journey/journey.hardware.md)
- [journey.photos](/reference/build/js-ts-apis/journey/journey.photos.md)
- [journey.runtime](/reference/build/js-ts-apis/journey/journey.runtime.md)
- [journey.sensors](/reference/build/js-ts-apis/journey/journey.sensors.md)
- [journey.viewStack](/reference/build/js-ts-apis/journey/viewstack.md)
- [JourneyPrinter](/reference/build/js-ts-apis/printing-a-pdf.md)
- [KeyboardBarcode](/reference/build/js-ts-apis/barcode-scanning-using-keyboard-emulation.md)
- [NFC](/reference/build/js-ts-apis/nfc.md)
- [PhotonSync](/reference/build/js-ts-apis/photonsync-offline-data-transmission-x.md)
- [SerialPort](/reference/build/js-ts-apis/serialport.md)
- [ShortcutManager](/reference/build/js-ts-apis/shortcutmanager.md)
- [TCPSocket](/reference/build/js-ts-apis/tcp-sockets.md)
- [user](/reference/build/js-ts-apis/user.md)
- [Extend your App with Custom Code](/reference/build/extending-your-app-with-custom-code.md)
- [App packages](/reference/build/extending-your-app-with-custom-code/app-packages.md)
- [App packages overview](/reference/build/extending-your-app-with-custom-code/app-packages/app-packages-overview.md)
- [PDF report package](/reference/build/extending-your-app-with-custom-code/app-packages/pdf-report-package.md)
- [TypeScript library & unit tests](/reference/build/extending-your-app-with-custom-code/app-packages/typescript-library-and-unit-tests.md)
- [Style & Customize your App](/reference/build/app-styling-and-customizations.md)
- [Style & configure UI components](/reference/build/app-styling-and-customizations/component-styling-and-configuration.md)
- [Overview](/reference/build/app-styling-and-customizations/component-styling-and-configuration/overview.md)
- [Understand extendable themes](/reference/build/app-styling-and-customizations/component-styling-and-configuration/understanding-extendable-themes.md)
- [Use themes on a view](/reference/build/app-styling-and-customizations/component-styling-and-configuration/using-themes-on-a-view.md)
- [Theme specific components on a view](/reference/build/app-styling-and-customizations/component-styling-and-configuration/theming-specific-components-on-a-view.md)
- [Examples](/reference/build/app-styling-and-customizations/component-styling-and-configuration/examples.md)
- [Debugging](/reference/build/app-styling-and-customizations/component-styling-and-configuration/debugging.md)
- [FAQs](/reference/build/app-styling-and-customizations/component-styling-and-configuration/faqs.md)
- [Change your App Font](/reference/build/app-styling-and-customizations/change-your-app-font.md)
- [Custom Branding](/reference/build/app-styling-and-customizations/custom-branding.md)
- [Custom Container Features](/reference/build/app-styling-and-customizations/custom-branding/custom-container-features.md)
- [Special Requirements for iOS Containers](/reference/build/app-styling-and-customizations/custom-branding/special-requirements-for-ios-containers.md)
- [Integrate your App](/reference/build/integration.md)
- [Barcode Scanning](/reference/build/integration/barcode-scanning.md)
- [HTTP requests (Fetch API)](/reference/build/integration/http-requests-fetch-api.md)
- [JourneyApps Print (Android)](/reference/build/integration/journeyapps-print-android.md)
- [Opening external links/apps](/reference/build/integration/opening-external-links-apps.md)
- [Design Intuitive Apps](/reference/build/design-intuitive-apps.md)
- [UX Guidelines](/reference/build/design-intuitive-apps/ux-guidelines.md)
- [Write Effective Copy](/reference/build/design-intuitive-apps/writing-copy.md)