Input patterns

Forms

Form fields, selects, radios, toggles, alerts, and preview cards grouped together to show how PUI components behave in submission flows.

Forms with richer surrounding UI

The examples below mix inputs, textarea, select, radio, checkbox, switch, alerts, and action buttons inside one believable request flow.

Project name

Owner

Owner email

Stage

Brief

Timeline

Launch this week Ship next sprint Track for later

Delivery preferences

Send weekly digest

Share preview link

Require design review

Squad

Forms benefit from nearby feedback.

Keep guidance, previews, and next actions in the same lane as the inputs instead of pushing them into a detached sidebar.

Request preview

Command center

Workspace shell for launch planning, approvals, and live component examples.

Assigned squad

Select component with grouped options

Pending

Review workflow

Checkboxes and switches keep binary choices compact

Needs owner

Collect structured input through a modal overlay. The dialog keeps focus trapped and preserves form state while open.

Click the button above to open a dialog containing a text input, textarea, and select.