bon-ui

Form

Base inputs, controls, field groups, detail layouts, and FormRoot submit — grouped by tab. Built on Base UI.

Basic

FieldRoot + FieldLabel + Input + FieldDescription.

Username

Shown on your public profile.

Label markers

FieldLabel required shows an asterisk icon; optional shows (optional). Visual only — set HTML required on the control when validation needs it.

Nickname(optional)

Sizes

Small

Medium

Disabled

Workspace

Managed by your organization.

Error

Set invalid on FieldRoot and show FieldError.

Enter a valid email address.

Textarea

FieldRoot + FieldLabel + Textarea + FieldDescription.

Bio

Shown on your public profile.

Textarea sizes

Small

Medium

Textarea disabled

Internal notes

You cannot edit this field.

Textarea error

Set invalid on FieldRoot and show FieldError.

Feedback

Write at least 20 characters.

Select

Trigger supports sm and md. Dropdown items match Menu. Group options with SelectGroup and SelectGroupLabel.