Skip to main content
Version: 3.22.0

Built-in UI Components

src/common/typeConfig.ts -> enum ComponentType

ComponentDescriptionLibrary
FORM_CONTROL (Default)Text inputreactstrap
TOGGLEOn/Off buttonreact-toggle
DATE_PICKERDate picker without time zonereact-day-picker
DATE_PICKER_TZDate picker with time zonereact-day-picker
TIME_PICKERTime picker with hour and minuterc-time-picker
DROPDOWNDropdown or Comboboxreact-select
DROPDOWN_ASYNCDropdown with online search capability as you typereact-select
NUMERIC_INPUTNumber inputreact-number-format
COLOR_PICKERColor pickerreact-color
MULTIPLE_SELECTMultiple selectable dropdownreact-select
MULTIPLE_SELECT_ASYNCMultiple selectable dropdown with online search capability as you typereact-select
PHONE_INPUTPhone input with country code selectablereact-intl-tel-input
EDITORHTML editorreact-quill
TEXT_AREAText areareactstrap
TAG_INPUTSpecial multiple addible text inputreact-select
LABELDisabled labelreactstrap
BAR_CHARTBar chartreact-chartjs-2
LINE_CHARTLine chartreact-chartjs-2
PIE_CHARTPie chartreact-chartjs-2
JSON_VIEWJSON inputreact-json-view
RADIO_BUTTONRadio buttonreactstrap
PROGRESS_BARProgress barreactstrap
MULTIPLE_PROGRESS_BARMultiple progress barreactstrap
TABLETable to use for 1-n relationsag-grid, react-bootstrap-table-next
FILE_UPLOADERSingle file uploadcustom
UPLOAD_CONTAINERMultiple file uploadcustom

Customized Prop Types​

These are customized props by our framework to speed up development process. Not all component props will be exists below, please check the original component site for further information.

TABLE​

PropertyPropTypeRequiredDefaultDescription
referredPageConfigIPageConfigYes-Page config to use for the table and related features
referredTabIndexnumber-0Tab index in the specified page config
customEventsITableCustomEvent--
forceGetRecordFromPageConfigboolean-true
hideRefreshButtonboolean-false
hideFiltersboolean-false
filterByFunction--(params: object, type: ITypeRuntime)
refreshButtonPropsobject--ICustomProps & { refreshButtonText?: string }

UPLOAD_CONTAINER​

PropertyPropTypeRequiredDefaultDescription
acceptstring--see. https://www.w3schools.com/tags/att_input_accept.asp
disabledboolean-falseAdding new files not permitted when true
onAddFunction--(newFile :any)
onRemoveFunction--(removedIndex: number)
onChangeFunction--(files: any[])
maxFileSizenumber-10240(KB) Limit for each individual file to be able to uploaded.

FILE_UPLOADER​

PropertyPropTypeRequiredDefaultDescription
acceptstring--see. https://www.w3schools.com/tags/att_input_accept.asp
modestring--Default file is an object with mimeType etc. if mode value is "base64" then only this value will be managed.
dataany--File object or base64 value according to specified mode.
onChangeFunction--(file: any)
disabledboolean-falseAdding new files not permitted when true.
maxFileSizenumber-10240(KB) Limit for each individual file to be able to uploaded.
modalSizestring-'lg'Preview modal size.
stylestring--Styling prop for container element.
imageStylestring--Styling prop for image preview element.