We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
motion
Hello and thank you all for the hard work 🙏
It seems the <AnimatedContainer>'s motion argument also accepts an extended Motion class. Here's my configuration:
<AnimatedContainer>
Motion
import Component from "@glimmer/component"; import { Resize } from "ember-animated/motions/resize"; import { easeOutExpo } from "app/utils/ember-animated/easings"; // custom class CustomResize extends Resize { // Resize extends Motion<Options> *animate() { this.opts.easing = easeOutExpo; this.opts.duration = 750; yield* super.animate(); } } export default class CustomComponent extends Component { customMotion = CustomResize; } <template> <AnimatedContainer @motion={{this.customMotion}}> ... </AnimatedContainer> </template>
It might be a hack (?) but if not, it would be nice to see it covered in the Glint type.
Thanks for considering it!
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Hello and thank you all for the hard work 🙏
It seems the
<AnimatedContainer>
'smotion
argument also accepts an extendedMotion
class. Here's my configuration:It might be a hack (?) but if not, it would be nice to see it covered in the Glint type.
Thanks for considering it!
The text was updated successfully, but these errors were encountered: