1. Examples
  2. Forms And Validation

Forms And Filters

Validation, dense toolbars, and edit-friendly detail blocks

This page covers required labels, help text, validation messaging, error summaries, saved-filter chips, and mixed read-only/edit surfaces.

Validation Summary

There are 3 issues to fix before approval

  • Contract number is required.
  • Billing period must be selected.
  • Export contact email is not valid.

Use the legal project name from the ERP contract.

Visible to AP and legal reviewers.

Optional. Used only for exception emails.

Approval options
Approval route

Dense Filter Toolbar

$
Status: Needs review Owner: AP Team Amount: $10,000+

This is the pattern to reuse for search-heavy B2B screens: fields above, active chips and actions below.

Read-Only Detail Grid

Project
North Campus Expansion
Record Id
AP-2026-00142
Current Request
$18,240.22
Status
Needs Review

Inline Edit Pattern

Default review owner
AP Team
Edit