Record room-by-room inspection findings, photos, severity, follow-up work, and tenant acknowledgements. This example brings Rooms and Issues together so property teams can find the next task without losing context.
It includes representative records such as Entry and locks and Kitchen appliances. Use the screenshot to study the layout, then adapt its components and product states to your own design system.

Form
Complete inspection
Form
Default, loading, empty, error, permission, success
Configurable product UI theme
Product teams need to complete inspection while keeping areas, issues and exceptions visible. The interface should show what changed and who should act next.
Rooms → Issues → Complete inspection → Review outcome
Form, Rooms, Issues, contextual actions, error recovery
Show requirements beside fields and retain values after failed checks. Validate only the affected input and make the next step unmistakable.
Pay attention to rooms and issues. People need to distinguish Entry and locks from Kitchen appliances. Keep areas visible, especially when a record changes owner or status.
Before this screen reaches handoff, verify keyboard focus, empty and permission states, and what happens after someone chooses “Complete inspection”. Make error recovery as clear as the happy path.
Related screen examples to explore next: Property Manager Dashboard, Rent Payments, Tenant Portal.
Design a property inspection checklist screen inside our existing product. Use our current components, tokens and content language. Include Rooms and Issues views, credible records like Entry and locks, and a clear “Complete inspection” action. Use our product permissions and show loading, empty, error and success states. Keep the output editable in Figma.