diff --git a/docs/src/examples/dropdown/dropdown-solid.tsx b/docs/src/examples/dropdown/dropdown-solid.tsx
index 80b9c84..5fe6189 100644
--- a/docs/src/examples/dropdown/dropdown-solid.tsx
+++ b/docs/src/examples/dropdown/dropdown-solid.tsx
@@ -3,19 +3,17 @@ import { createSignal, Show } from "solid-js"
const Dropdown = () => {
const [show, setShow] = createSignal(false)
- const reveal = () => setShow(!show)
+ const reveal = () => setShow(!show())
- let parent: HTMLDivElement
-
- createAutoAnimate(() => parent /* optional config */)
+ const [parent, setEnabled] = createAutoAnimate(/* optional config */)
return (
-
+
Click me to open!
- Lorum ipsum...
+ Lorum ipsum...
)
diff --git a/docs/src/examples/intro/intro-solid.jsx b/docs/src/examples/intro/intro-solid.jsx
index 3743440..f6c3b66 100644
--- a/docs/src/examples/intro/intro-solid.jsx
+++ b/docs/src/examples/intro/intro-solid.jsx
@@ -1,10 +1,7 @@
import { createAutoAnimate } from '@formkit/auto-animate/solid'
function MyList () {
- let animationParent;
-
- createAutoAnimate(() => animationParent, /* optional config */)
-
+ const [animationParent] = createAutoAnimate()
return (
{/* 🪄 Magic animations for your list */}
diff --git a/docs/src/examples/solid/index.ts b/docs/src/examples/solid/index.ts
index fb60e0d..aefe99f 100644
--- a/docs/src/examples/solid/index.ts
+++ b/docs/src/examples/solid/index.ts
@@ -2,11 +2,10 @@ const solidPrimitive = {
solid: {
language: "tsx",
ext: "tsx",
- example: `import { createSignal, For, Show } from "solid-js"
-import { createAutoAnimate } from "@formkit/auto-animate/solid"
+ example: `import { createSignal, For, Show } from 'solid-js'
+import { createAutoAnimate } from '@formkit/auto-animate/solid'
const App = function () {
- let parent: HTMLDivElement
const [parent, setEnabled] = createAutoAnimate(/* optional config */)
const menuItems = ["Home", "Settings", "Logout"]
@@ -41,7 +40,7 @@ const solidDirective = {
solid: {
language: "tsx",
ext: "tsx",
- example: `import { createSignal } from 'solid-js'
+ example: `import { createSignal, For, Show } from 'solid-js'
import { createAutoAnimateDirective } from '@formkit/auto-animate/solid'
const App = function () {
@@ -67,7 +66,6 @@ const App = function () {
->
}
export default App`,