Components

Form Components

Reference index for all IremboHub Formly field components.

Each component page documents when to use the component, its full prop table, validation message keys, and copy-paste JSON examples.

Text and choice

ComponentDescription
checkboxSingle opt-in / opt-out boolean
inputSingle-line text field
multicheckboxMultiple selections from a list
radioMutually exclusive radio buttons
textareaMulti-line text field
ComponentDescription
customcascadingdropdownsProvince → village hierarchical location picker
customdropdownSingle/multi-select dropdown, static or API-driven
customdropdowndatafetchpaginatedPaginated dropdown sourced through the integration engine
customdropdownpaginatedPaginated dropdown for large direct-API lists

Dates and times

ComponentDescription
customdatepickerDate-only picker with range and weekday constraints
customdatetimepickerCombined date-and-time picker
customtimepickerStandalone time-of-day picker

Identity and lookup inputs

ComponentDescription
customapplicationnumberinputReference an existing IremboHub application by its number
customcrvsidinputCRVS document lookup (birth/death/marriage certificates)
customcurrencyformatinputComma-formatted monetary amount input (e.g. 1,000,000 RWF)
customdoubleidinputPaired dual-identity verification (e.g. marriage record)
customidinputNID / Child ID / passport with live identity verification
customphonenumberInternational phone input with country flag dropdown
customtininputCompany TIN with RDB/RRA registry verification

File upload

ComponentDescription
customfileuploadBase64 inline file upload
custominternalfileuploadCDN pre-upload file attachment

Repeaters

ComponentDescription
customdynamicrepeaterAPI-driven repeater that creates one row per fetched item
customexpansionrepeaterRepeater whose rows collapse into expandable panels
customlabelvaluerepeaterSimple user-driven repeater for short row templates
customrepeaterUser-driven repeater with uniqueness, minItems, maxItems

Tables

ComponentDescription
customdatasettableRead-only dataset table for tabular reference data
customdatatableRead-only data table for reviewing fetched records
customeditabletableInline-editable grid with typed cells (text, number, email, date, select)
customitemselectiontablePer-row add/remove action table, typically used in pairs

Data fetch and triggers

ComponentDescription
customconditionaldatafetchData fetch guarded by a precondition expression
customgenericdatafetchInput that triggers an API lookup and populates downstream fields; also covers customdirectdatafetch for direct URL calls
custommultiselectdatafetchMulti-select dropdown sourced from an integration fetch
customotpdatafetchOTP-gated data fetch (sends a one-time code before populating fields)
genericbuttonfetchStandalone button that triggers an API lookup on click (no input field)

Informational

ComponentDescription
customsectionmessagewithlinkStyled banner with optional title, HTML content, and clickable links

Validators

PageDescription
Cross-field validatorsCompare fields against each other, enforce repeater row uniqueness, and validate JSON-keyed response values

On this page