Form Elements

A single onboarding form built entirely from kit controls — each one shown in the state you'll actually ship: filled, disabled, read-only, and with a validation error.

Every field below is local component state. Saving or discarding only updates this page — nothing is sent anywhere.

Account

How this person signs in and is identified in the system.

Username

Set by the system when the account was created.

Employee ID

Generated automatically — cannot be edited.

Work email

Enter a valid email address

Personal details

Full name

Phone number

Include the country code.

Date of birth

Home city

Any city is accepted — the list only saves keystrokes.

Gender

Female

Male

Employment

Department

Level

Base salary

Monthly, before tax.

Dependents

Experience level

Self-assessed, 0 to 10 years.

Preferences & agreement

Email notifications

Get a daily summary of account activity.

Remote work

Managed by department policy — contact HR to change.

Contract type

Permanent

Contract

Intern

Notes

0 / 200

Visible to HR only.

I agree to the company's data handling policy

You must accept the company policy before continuing.

Attachments

Resume / CV

Drop files here, or click to browse

Accepted: .pdf,.doc,.docx

Up to 5 MB each

PDF or Word, up to 5 MB.