UserProfileForm

Domain

Controlled form for editing display name, username, bio, and profile picture URL. Username validation: 3–32 chars, lowercase alphanumeric + underscore.

Empty

Preview

Edit Profile

Code
<UserProfileForm onSubmit={handleSave} />

Pre-filled

Preview

Edit Profile

Code
<UserProfileForm initial={{ name: 'Jane Doe', username: 'janedoe', biography: '...' }} onSubmit={handleSave} />
Sourcemodules/domains/common/user/UserProfileForm.tsx