ui: Storybook story for RecordForm baseline and dirty #92

New issue

Open

opened 2026-09-16 01:13:36 +00:00 by pienter · 0 comments

pienter commented

2026-09-16 01:13:36 +00:00

Owner

Follow-up to #51 (PR #90).

RecordForm gained a baseline prop and a dirty model (v-model:dirty, also exposed on the instance), but Storybook has no story for either. The RecordForm AUDIT says stories cover its other behaviours, so this is the one gap.

Proposal: a story under the existing RecordForm stories that binds baseline, shows the dirty state (a badge or text bound to v-model:dirty), and resets the baseline on submit so the flow is visible. Optionally a second story that pairs it with useUnsavedChanges and an AlertDialog, if the Storybook router setup allows a route-leave; otherwise the beforeunload half only, without a play function.

Follow-up to #51 (PR #90). `RecordForm` gained a `baseline` prop and a `dirty` model (`v-model:dirty`, also exposed on the instance), but Storybook has no story for either. The RecordForm AUDIT says stories cover its other behaviours, so this is the one gap. Proposal: a story under the existing RecordForm stories that binds `baseline`, shows the `dirty` state (a badge or text bound to `v-model:dirty`), and resets the baseline on submit so the flow is visible. Optionally a second story that pairs it with `useUnsavedChanges` and an `AlertDialog`, if the Storybook router setup allows a route-leave; otherwise the `beforeunload` half only, without a play function.

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

pienter/ui#92

No description provided.

Rows
Columns