docs: readme

TimMikeladze · Dec 27, 2023 · d06d858 · d06d858
1 parent 452f3dd
commit d06d858
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -57,3 +57,30 @@ export default () => {
   return <Button onClick={handleDelete}>Delete</Button>;
 };
 ```
+
+You can also customize the dialog by passing `defaultOptions` to the `ConfirmProvider` or directly to the `confirm` function.
+
+```tsx
+import { ConfirmProvider } from 'joy-ui-confirm';
+
+export default () => {
+  return (
+    <ConfirmProvider
+      defaultOptions={{
+        confirmationButtonProps: {
+          variant: `outlined`,
+          color: `success`,
+          size: `sm`,
+        },
+        cancellationButtonProps: {
+          variant: `outlined`,
+          color: `warning`,
+          size: `sm`,
+        },
+      }}
+    >
+      <App />
+    </ConfirmProvider>
+  );
+};
+```