Skip to content

Commit 351fab9

Browse files
committed
Allow passing classes to modal container
1 parent 7f18dc1 commit 351fab9

File tree

3 files changed

+5
-2
lines changed

3 files changed

+5
-2
lines changed

package-lock.json

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/components/Modal.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ export interface ModalProps {
1010
onBackdropClick?: () => void;
1111
footer?: React.ReactNode;
1212
transition?: ModalTransition;
13+
modalClassName?: string;
1314
}
1415

1516
function hasDOM() {

src/components/ModalContainer.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ export const ModalContainer: React.FC<ModalProps & Props> = ({
1717
transition,
1818
onBackdropClick,
1919
transformDistance,
20+
modalClassName,
2021
}) => {
2122
const modalTransitions = useModalTransition(transition, isOpen);
2223

@@ -32,7 +33,8 @@ export const ModalContainer: React.FC<ModalProps & Props> = ({
3233
onClick={onBackdropClick}
3334
>
3435
<div
35-
className="rsm-bg-white rsm-rounded-md rsm-overflow-auto rsm-max-h-full rsm-w-full md:rsm-w-10/12 xl:rsm-w-1/2 rsm-opactiy-100 rsm-shadow-lg rsm-z-50 rsm-border rsm-border-gray-200 rsm-flex rsm-flex-col"
36+
className={`rsm-bg-white rsm-rounded-md rsm-overflow-auto rsm-max-h-full rsm-w-full md:rsm-w-10/12 xl:rsm-w-1/2 rsm-opactiy-100 rsm-shadow-lg rsm-z-50 rsm-border rsm-border-gray-200 rsm-flex rsm-flex-col ${modalClassName ??
37+
''}`}
3638
style={{
3739
minHeight: '70%',
3840
transition:

0 commit comments

Comments
 (0)