Form Elements

Inputs, selects, checkboxes and validation states used across Dreams HMS

Basic Inputs

Patient Name

Email Address

We'll never share this with anyone else.

Phone Number

Patient ID (read-only)

Assigned Ward (disabled)

Inputs With Icons

Leading Icon

Trailing Icon — Password Toggle

Prefix & Suffix

$USD

Prefix Text

dreamshms.com/

Select & Textarea

Department

Multiple Select

Clinical Notes

File Upload

Default File Input

Drop AreaClick to upload or drag and dropPDF, PNG or JPG (max. 10MB)

Validation States

Valid Input

Looks good — email is available.

Invalid Input

Please enter a valid email address.

Warning Input

This password is too weak.

Input Sizes

Small

Default

Large

Form Elements

Basic Inputs

Inputs With Icons

Select & Textarea

Checkboxes, Radios & Switches

File Upload

Validation States

Input Sizes

Horizontal Form Layout

Form Elements

Basic Inputs

Inputs With Icons

Select & Textarea

Checkboxes, Radios & Switches

File Upload

Validation States

Input Sizes

Horizontal Form Layout