Forms & validation

Draft a work item

Required fields are marked “required”. No work item will be created.

Title (required)

Project (required)

Workspace (read-only)

Priority

NormalHighUrgent

Planned dates

Both dates are required. The end date cannot be before the start.

Start date

End date

Acceptance notes (optional)

0 / 500 characters

Require a human review before completion

No unsaved changes.

Included patterns

Native inputs, select, radio group and checkbox.
Field-level errors linked to their controls.
Cross-field validation for the date range.
Visible unsaved-change feedback.
Review before saving, and confirmation before discarding.

Reuse in your project

Markup lives in components-forms.html; example behaviour lives in src/project/ts/form-patterns.ts. Use the existing theme tokens and native controls.

Server validation and authorization are still required in a real application. This example neither saves a record nor enforces a review policy.

Read the customer guide

Selection & file input

Local form examples. No project changes or uploads are made.

Searchable project picker

Search projects

Matching projects

Search, then Tab to the list. Use arrow keys to choose a project and the button to apply it. Searching does not change the applied project.

Applied project: none

File upload states

Attach a project brief

One PDF, TXT or Markdown file; maximum 5 MiB. Only its name and size are inspected. File contents are never read or transmitted.

No file selected.

Simulate upload error