date-input | Select a date from a date picker | date-input-card.png | date-input | |
datetime-input | Select a date and time | datetime-input-card.png | datetime-input | |
multiple-choice-checklist | Select multiple values from a list | multiple-choice-checklist-card.png | multiple-choice-checklist | |
object-dropdown | Select an option from a list using a query | object-dropdown-card.png | object-dropdown | |
scan-barcode | Scan or enter a barcode manually | Screenshot 2023-07-03 at 3.17.06 PM.png | scan-barcode | |
single-choice-dropdown | Select an option from a list | single-choice-dropdown-card.png | single-choice-dropdown | |
single-choice-radio | Select an option using a radio button | single-choice-radio-card.png | single-choice-radio | |
text-input | Enter text or number values | text-input-card.png | text-input | |
time-input | Select a time | time-input-card.png | time-input | |
toggle | Toggle a boolean value | toggle-card.png | toggle |
capture-coordinates / display-coordinates | A map capturing or displaying location markers | display-coordinates-card.png | capture-coordinates | |
capture-file / display-file | Upload a file from desktop and/or display a file | capture-file-card.png | capture-file | |
capture-photo / display-photo | Capture or display photos/images | capture-photo-card.png | capture-photo | |
capture-signature / display-signature | Digitally capture or display a signature | capture-signature-card.png | capture-signature | |
display-3d-model | Display and interact with a 3D model | display-3d-model-card.png | display-3d-model | |
display-image | Display a static image | hazard.png | display-image | |
html | Embed an HTML page or iFrame | html-card.png | html | |
journey.photos | Capture multiple photos sequentially | journey-photos-card.png | journey.photos | |
journeyPrinter | Print PDF files | printing-a-pdf |
list | A clickable list of items with high customizability | list-card.png | list | |
object-dropdown | Select an item from a list using a query | object-dropdown-card.png | object-dropdown | |
object-list | Non-selectable, selectable, or clickable list of items | object-list-card.png | object-list | |
object-table | Display tabulated data from a query with high customizability | object-table-card.png | object-table | |
object-repeat | Display components per item in a query | object-repeat-card.png | object-repeat |
button | Click a button | button-card.png | button | |
button-group | Click a button from a group | button-group-card.png | button-group | |
list | A menu of clickable list items with high customizability | list-card.png | list |
info-table | Display key-value pairs | info-table-card.png | info-table | |
list | Display data in a list with high customizability | list-card.png | list | |
object-table | Display tabulated data from a query with high customizability | object-table-card.png | object-table | |
PhotonSync | Transfer data while offline | photonsync-offline-data-transmission-x | ||
power-bi | Embed a Power BI chart | powerbi-card.png | power-bi |
columns | Display one or more columns to divide the view horizontally | columns-card.png | columns | |
grid | Divide the view horizontally and vertically in a grid | grid-card.png | grid | |
sidebar | Indicate sections of a larger workflow | sidebar-card.png | sidebar | |
object-repeat | Display components per item in a query | object-repeat-card.png | object-repeat |
actionSheet | Select from menu items after triggering an action | action-sheet-card.png | actionsheet | |
context-menu | Select menu items in the top-right corner of the app | context-menu-card.png | context-menu | |
dialog | Display text or components in an overlay | dialog-composition-example.png | dialog | |
navigation (Navigation drawer) | List of main navigation items in the app | navigation-drawer-card.png | navigation-navigation-drawer | |
notification | Banner-style text notification with buttons | notification-card.png | notification | |
optionList | Select from a list of options after triggering an action | optionlist-card.png | optionlist |
heading | Display header text | heading-card.png | heading | |
info | Display paragraph text | info-card.png | info | |
icons | Display icons within UI components | icons-card.png | icons | |
card | Display content about a single topic | card-card.png | card |
