-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Created a reusable "Drawer" component #89
Conversation
LGTM! I'll approve it, but in case you can of course wait for Kota if you want |
ComponentPropsWithoutRef<typeof PrimitiveOverlay> | ||
>(({ className, ...props }, ref) => ( | ||
<PrimitiveOverlay | ||
className={cn( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I liked how you classify className by it's categories!
Maybe we can create a note or doc somewhere about how we classify and organize classNames in cn() method
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
That's a good idea!
I was actually considering creating a STYLEGUIDE.md
file to document coding rules for a project, such as using I
to name interfaces like IMyProps
.
Shall we create a new issue for that?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Created #91
@kanta1207 |
/** | ||
* This is a custom component that we use to wrap the body (between header and footer) of the dialog. | ||
*/ | ||
const DialogBody = forwardRef<ElementRef<'div'>, HTMLAttributes<HTMLDivElement>>( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do you still need this DialogBody
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh, Yes, don't care about this comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
😆
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for implementation!!!
Overviews
Created a reusable "Drawer" component and its usage example file.
Review Points
Screenshots
Untitled.mov
Screen.Recording.2023-12-13.at.15.59.36.mov
Screen.Recording.2023-12-13.at.16.04.24.mov