Auto close toasts onClick
This commit is contained in:
parent
4ef0bf96cc
commit
68b711b360
1 changed files with 8 additions and 0 deletions
|
@ -10,6 +10,7 @@ export type PropsType = {
|
||||||
autoDismissDisabled?: boolean;
|
autoDismissDisabled?: boolean;
|
||||||
children: ReactNode;
|
children: ReactNode;
|
||||||
className?: string;
|
className?: string;
|
||||||
|
disableCloseOnClick?: boolean;
|
||||||
onClick?: () => unknown;
|
onClick?: () => unknown;
|
||||||
onClose: () => unknown;
|
onClose: () => unknown;
|
||||||
timeout?: number;
|
timeout?: number;
|
||||||
|
@ -19,6 +20,7 @@ export const Toast = ({
|
||||||
autoDismissDisabled = false,
|
autoDismissDisabled = false,
|
||||||
children,
|
children,
|
||||||
className,
|
className,
|
||||||
|
disableCloseOnClick = false,
|
||||||
onClick,
|
onClick,
|
||||||
onClose,
|
onClose,
|
||||||
timeout = 2000,
|
timeout = 2000,
|
||||||
|
@ -56,10 +58,16 @@ export const Toast = ({
|
||||||
role: 'button',
|
role: 'button',
|
||||||
onClick() {
|
onClick() {
|
||||||
onClick();
|
onClick();
|
||||||
|
if (!disableCloseOnClick) {
|
||||||
|
onClose();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
onKeyDown(ev: KeyboardEvent<HTMLDivElement>) {
|
onKeyDown(ev: KeyboardEvent<HTMLDivElement>) {
|
||||||
if (ev.key === 'Enter' || ev.key === ' ') {
|
if (ev.key === 'Enter' || ev.key === ' ') {
|
||||||
onClick();
|
onClick();
|
||||||
|
if (!disableCloseOnClick) {
|
||||||
|
onClose();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue