-
Notifications
You must be signed in to change notification settings - Fork 36
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
docs(react-keytips): add detailed Overflow example #273
docs(react-keytips): add detailed Overflow example #273
Conversation
863ef0b
to
442bba4
Compare
disabled: false, | ||
name: 'Feedback', | ||
keytipProps: keytipsMap.feedback, | ||
// icon: <NotepadPersonIcon />, |
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.
nit: probably, this comment is not needed
// icon: <NotepadPersonIcon />, |
MenuButtonProps, | ||
MenuList, | ||
MenuItem, | ||
MenuPopover, | ||
MenuTrigger, | ||
SplitButton, | ||
SplitButtonProps, |
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.
MenuButtonProps, | |
MenuList, | |
MenuItem, | |
MenuPopover, | |
MenuTrigger, | |
SplitButton, | |
SplitButtonProps, | |
type MenuButtonProps, | |
MenuList, | |
MenuItem, | |
MenuPopover, | |
MenuTrigger, | |
SplitButton, | |
type SplitButtonProps, |
icon={<MailRegular />} | ||
menuButton={{ | ||
...triggerProps, | ||
// @ts-expect-error TODO |
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 need TODO here?
OverflowStory.parameters = { | ||
docs: { | ||
description: { | ||
story: '', |
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 need this part if it's empty?
export const onExecute: ExecuteKeytipEventHandler = (_, { targetElement }) => { | ||
if (targetElement) { | ||
console.info(targetElement); | ||
targetElement.focus(); | ||
targetElement.click(); | ||
} | ||
}; | ||
|
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.
Maybe it's better to move this method to some shared file, because it's duplicated in Home
and Help
folders.
f37a6b5
to
449020e
Compare
Added more detailed Overflow example, so it looks more closer to later usage by partners. Previous
Overflow
example renamed toShortcut
as it mainly focuses on showing the shortcut behaviour.Screen.Recording.2024-12-19.at.15.58.58.mov