feat: implement autoAnimate directive
parent
452cd3b694
commit
11a8bd29d0
@ -0,0 +1,21 @@
|
||||
import autoAnimate_ from "@formkit/auto-animate";
|
||||
import { onMount } from "solid-js";
|
||||
|
||||
// https://auto-animate.formkit.com/
|
||||
|
||||
export const autoAnimate = (
|
||||
el: HTMLElement,
|
||||
config?: () => Parameters<typeof autoAnimate_>[1]
|
||||
) => {
|
||||
onMount(function () {
|
||||
autoAnimate_(el, config != null ? config() : undefined);
|
||||
});
|
||||
};
|
||||
|
||||
declare module "solid-js" {
|
||||
namespace JSX {
|
||||
interface Directives {
|
||||
autoAnimate: Parameters<typeof autoAnimate_>[1] | boolean;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue