awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-07 12:27:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

improv ui: use radix modal mode for Modals

Browse Source 
Using the modal mode ensures that interaction with outside elements
is disabled ( for e.g scroll ) and only dialog content is visible to
screen readers.
This commit is contained in:
Pranav2612000
2024-12-17 18:49:37 +05:30
parent 9cd0dc8970
commit d7271b9631
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/v2/Modal/Modal.tsx
+1 -1
View File
@@ -72,7 +72,7 @@ ModalContent.displayName = "ModalContent";
export type ModalProps = Omit<DialogPrimitive.DialogProps, "open"> & { isOpen?: boolean }; export type ModalProps = Omit<DialogPrimitive.DialogProps, "open"> & { isOpen?: boolean };
export const Modal = ({ isOpen, ...props }: ModalProps) => ( export const Modal = ({ isOpen, ...props }: ModalProps) => (
<DialogPrimitive.Root open={isOpen} {...props} /> <DialogPrimitive.Root open={isOpen} {...props} modal/>
); );
export const ModalTrigger = DialogPrimitive.Trigger; export const ModalTrigger = DialogPrimitive.Trigger;