UOB Form

Batch 1

	Component name
01	Phone + Country Dropdown Phone number input with searchable country dial-code selector	View
02	Phone Textbox Simple phone number text input field	View
03	Email Email address input field with validation	View
04	Single Line Text Single-line text input for short-form entries	View
05	Multi-line Text Resizable textarea for longer free-form input	View
06	Button Primary and secondary action buttons with states	View

Batch 2

	Component name
07	Dropdown List Select an option from a list of options	View
08	Dropdown (with search) Dropdown with search field to filter options	View
09	Checkbox Allows users to select one or more items from a set	View
10	Checkbox (Terms and Conditions) Checkbox with scrollable terms and conditions content	View
11	Radio Button Allows users to select exactly one option from a group	View
12	Toggle Switch control to turn a setting on or off	View
13	File Upload Drag-and-drop or browse to attach files	View
14	reCAPTCHA Google reCAPTCHA human verification widget	View

Batch 3

	Component name
14	Date Picker Branch-based appointment scheduler with date carousel and time slots	View
15	Modal Dialog overlay for important information, actions, or confirmations	View
16	Stepper Horizontal indicator of user progress through a multi-step process	View
17	Accordion Collapsible content panels for FAQs and progressive disclosure of grouped content	View
18	Scale Number Numeric rating scale (1–5 or 1–10) for surveys such as Net Promoter Score	View
19	Ranking Drag-and-drop list for ordering options by importance or preference	View
20	Slider Select a value or range of values by dragging a handle along a track	View
21	Star Rating Submit and display star ratings; selecting a star fills all stars to its left	View

Helper text

Line under the field for format hints or how the input will be used. It is not a second label. Use plain language; prefer one short sentence.

Length: Recommended max 30 char (include spaces). Max 90 characters (including spaces).

Sample helper text (27 characters)

Full name

Enter as shown on passport. 12 / 255

Sample helper text with 90 characters

Full name

Enter full name as on NRIC/passport. Match ID spelling; avoid nicknames for faster checks. 12 / 255

Validation: The same area shows either neutral helper copy or validation/success feedback—not both stacked. When the user fixes an error, you can show helper text again if still useful.

Counter: When the character counter is visible, it sits on the same row as helper text (right-aligned). The counter does not count toward the helper copy limit.

Helper text copy

“An SMS will be sent to this number for verification.”

“Our branch staff may reach out to confirm.”

Don't

“Mobile number” (repeats the label and adds no new information).