how can i reduce or turn off the black background in shadcn Dialog component #3765
Replies: 2 comments
-
in component change the background opacity , here i an example where you can set it as a prop and from dailog content import * as React from "react"; import { cn } from "@/lib/utils"; const Dialog = DialogPrimitive.Root; const DialogTrigger = DialogPrimitive.Trigger; const DialogPortal = DialogPrimitive.Portal; const DialogClose = DialogPrimitive.Close; type ExtendedDialogOverlayProps = React.ComponentPropsWithoutRef<
interface DialogContentProps const DialogContent = React.forwardRef<
const DialogHeader = ({
);
DialogHeader.displayName = "DialogHeader";
const DialogFooter = ({
);
DialogFooter.displayName = "DialogFooter";
const DialogTitle = React.forwardRef<
const DialogDescription = React.forwardRef<
export { |
Beta Was this translation helpful? Give feedback.
-
in the source code
for typescript add these types to add
now where even you want to use this just pass
|
Beta Was this translation helpful? Give feedback.
-
as in the image the dialogue box have a black background. I tried to reduce background color of dialogue component but it is not working
Beta Was this translation helpful? Give feedback.
All reactions