@@ -196,11 +196,19 @@ export const EditableGrid: Story = {
196196/**
197197 * Batch Edit Grid - Multi-Row Editing with Batch Save
198198 *
199- * This story demonstrates advanced batch editing capabilities:
199+ * **💡 How to use:**
200+ * 1. Double-click any cell (except SKU) to start editing
201+ * 2. Press Enter to confirm the edit (cell becomes highlighted in amber)
202+ * 3. Edit more cells across different rows
203+ * 4. Watch the toolbar appear showing "X rows modified" with Save/Cancel buttons
204+ * 5. Row-level save buttons (✓) appear in the Actions column for edited rows
205+ * 6. Click "Save All" to batch save, or click row save buttons individually
206+ *
207+ * **Features demonstrated:**
200208 * - Edit multiple cells across multiple rows
201209 * - Modified rows are highlighted with amber background
202210 * - Modified cells shown in bold amber text
203- * - Save individual rows using row -level save buttons
211+ * - Row -level save/cancel buttons appear after editing
204212 * - Batch save all changes at once using "Save All" button
205213 * - Cancel changes per row or all at once
206214 * - Toolbar shows count of modified rows
@@ -250,7 +258,13 @@ export const BatchEditGrid: Story = {
250258/**
251259 * Advanced Batch Editing - Real-World Inventory Management
252260 *
253- * This example shows a complete workflow:
261+ * **💡 Instructions:**
262+ * - Double-click any cell (except ID and SKU which are read-only)
263+ * - Make edits across multiple rows and pages
264+ * - Save buttons appear in Actions column after editing
265+ * - Batch save toolbar appears when there are pending changes
266+ *
267+ * **Complete workflow demonstration:**
254268 * - Large dataset with pagination
255269 * - Multiple editable fields
256270 * - Read-only columns (ID, SKU)
0 commit comments