bonsaif-ui 0.1.37 → 0.1.39

package/README.md

@@ -333,6 +333,34 @@ How it works:
 6. Choosing the discard action calls `onDiscardChanges` first, then calls `onClose`.
 7. If `hasUnsavedChanges` is `false`, close actions call `onClose` immediately.
 
+#### Modal Backdrop Close
+
+Use `closeOnBackdrop={false}` when a modal must stay open after clicking outside the panel. The close button and Escape behavior remain controlled separately through `showCloseButton` and `closeOnEscape`.
+
+```tsx
+<Modal
+  open={open}
+  onClose={() => setOpen(false)}
+  title="Editar registro"
+  closeOnBackdrop={false}
+>
+  <AccountForm />
+</Modal>
+```
+
+`ConfirmDialog` accepts the same prop when a confirmation should only close through the explicit cancel or confirm actions.
+
+```tsx
+<ConfirmDialog
+  open={confirmOpen}
+  title="Confirmar accion"
+  description="Esta accion requiere una decision explicita."
+  closeOnBackdrop={false}
+  onConfirm={confirmAction}
+  onCancel={() => setConfirmOpen(false)}
+/>
+```
+
 ### Feedback And Data
 
 - `Alert`, `StatusBadge`, `EmptyState`, `LoadingState`: visible states and feedback.