Components · Core / Fields

Drawer form primitives and validation feedback

Promoted from the event drawer pattern: label above, 30px control, 11px hint, Flush focus/error states, and compact equal-column rows.

Effective from

Future-dated changes are accepted

End date *

Focused role

Uses the shared Flush focus ring.

Current function

Disabled fields reduce the whole wrapper.

Allocation total

Allocations must total 100%

Function

Role

Capacity

Start

End

Neutral helper outside a single field. Effective date is in the past. Allocations must total 100%.

! Allocations must total 100% — currently 80%

! Effective date is in the past

i Future-dated changes are accepted

✓ All allocations balanced