Form UI
Form layout patterns: section forms, inline editing, search filters, and date range pickers.
Section Form
Card with header, 2-column grid for inputs, full-width fields, and footer actions.
Profile
Update your account details. Changes will be reflected across the platform.
Inline Edit
Table row where clicking a value turns it into an input with save/cancel icons.
| Name | Owner | Status | |
|---|---|---|---|
| Project Alpha | Sarah Chen | Active | |
| Project Beta | Marcus Johnson | Draft |
Search + Filter Bar
Search input, filter dropdowns, Reset link, and results count badge.
24 results
Date Range Picker
Two Calendar components, From/To inputs, and preset buttons.
From
To