-
Notifications
You must be signed in to change notification settings - Fork 322
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
feat(AttentionBox): add prop for enter animation #2566
feat(AttentionBox): add prop for enter animation #2566
Conversation
@@ -71,7 +73,9 @@ const AttentionBox: React.FC<AttentionBoxProps> & { | |||
|
|||
return ( | |||
<aside | |||
className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), overrideClassName)} | |||
className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), overrideClassName, { | |||
[styles.animateOnEnter]: animateOnEnter |
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.
should this class be removed after the animation ends? or does the animation just works once and you don't care about it afterwards?
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.
ok nm, I don't think it matters
@@ -36,6 +36,7 @@ export interface AttentionBoxProps extends VibeComponentProps { | |||
onClose?: (event: React.MouseEvent) => void; | |||
compact?: boolean; | |||
closeButtonAriaLabel?: string; | |||
entryAnimation?: boolean; |
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.
Please add a description to this prop :)
@@ -181,3 +182,38 @@ export const AttentionBoxInsideADialogCombobox = { | |||
|
|||
name: "Attention box inside a dialog/combobox" | |||
}; | |||
|
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 also add live edit?
https://monday.monday.com/boards/3532714909/views/80492480/pulses/7719404878