algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-08-01 09:13:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui][slide out] add className prop

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-10 15:38:38 +08:00
parent cc462ab6ab
commit f8031caa2f
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/ui/src/SlideOut/SlideOut.tsx
View File

@ -8,6 +8,7 @@ export type SlideOutEnterFrom = 'end' | 'start';
type Props = Readonly<{ type Props = Readonly<{
children: React.ReactNode; children: React.ReactNode;
className: string;
enterFrom?: SlideOutEnterFrom; enterFrom?: SlideOutEnterFrom;
isShown?: boolean; isShown?: boolean;
onClose?: () => void; onClose?: () => void;
@ -40,6 +41,7 @@ const enterFromClasses: Record<
export default function SlideOut({ export default function SlideOut({
children, children,
className,
enterFrom = 'end', enterFrom = 'end',
isShown = false, isShown = false,
size, size,
@ -50,7 +52,10 @@ export default function SlideOut({
return ( return (
<Transition.Root as={Fragment} show={isShown}> <Transition.Root as={Fragment} show={isShown}>
<Dialog as="div" className="relative z-40" onClose={() => onClose?.()}> <Dialog
as="div"
className={clsx('relative z-40', className)}
onClose={() => onClose?.()}>
<Transition.Child <Transition.Child
as={Fragment} as={Fragment}
enter="transition-opacity ease-linear duration-300" enter="transition-opacity ease-linear duration-300"